Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

news/2024/5/18 15:22:02/文章来源:https://blog.csdn.net/chunyue5970/article/details/100763863

原文来源: http://www.hx008.com/corp/media/3438.html

为移动而生-更窄的网页并不是移动网页   

提供完整的用户体验,打通移动端与客户端的区隔,这在中国互联网业界已经没有什么好争辩的了,然而天国总是有天国的实情,比如人们对于移动网站的理解,从早年的“短信网址”笑料收场,到现在的微信上诸多“伪微门户”泛滥,离真实的移动用户体验相差很远。   比如下图是一个热门微信颁发出来的“微门户”页面,其实和早年的wap网站制作一样,只不过是做了一个“更窄”的网页,并没有理解移动设备的真正需求。

08161300_2lLK.jpg

     在移动设备上,人们使用手指触摸来取代鼠标点击,并不能使用“二指琴魔”来不断放大设备。   不同的媒体又有不同的介质,比如PAD和手机,虽然同属移动设备,又有不同。   再者,在苹果设备上,横屏与竖屏有不同的媒体查询规则。   如何让图片在移动设备是同比放大,而不是被屏幕遮蔽?   这时只有祭出Bootstrap这面大旗,方能迎刃而解。   巨头的精湛之作-匠人打造、为匠人用   很少有一个web框架为了适应移动互联网时代而诞生的。   而Bootstrap恰恰是这样的一个作品,虽然目前国内开发者接触的人群不多,但一场流式布局与响应式体验的变革将由其引领。   检验一个网站是否支持响应式标准其实很简单,就是将网友窄,如果能自适应屏幕就是符合这一标准,目标大多数网站不支持此标准,而越来越多的名企和卓越门户已经引入这一标准。   Bootstrap的娘家Twitter(推特),可谓是当今移动互联网的开山鼻祖,开创了微博这一个新网络载体,大陆网民所能体验到的新浪微博、腾讯微博无不是其追随者。   早期Twitter提供的内部开发工具缺乏一些精致和平易近人的设计,为了应对复杂的设计需求,Twitter前端工程师在开发风站时喜欢采用自己所熟悉的技术,这就了网站维护困难、可扩展性不强、开发成本等问题。   2010年6月,为了提高内部协调性和工作效率,Twitter公司的几个前端开发人员自发成立了一个兴趣小组,期望设计一个伟大的作品,开发一个开放源码的前端工具包,旨在帮助设计师和开发人员快速、高效的构建出卓越的网页,这就是Bootstrap。   最终,Bootstrap在Twitter公司迅速成长,且被业界广泛采用(美国NASN、Breaking News、WordPress、Drupal等均导入了Bootstrap),不仅包括了基本样式,而且有了更为优雅和持久的前端设计版式,目前这个版本为3.0。   可以毫不客气的说,看到Twitter公司的白鸽图标,就可以看到Bootstrap的优雅美丽,这正是无数个WEB开发者朝思夜想和渴求的!   下图:印象笔记和HTC官网的响应式体验

08161300_yQLb.jpg

     开发者利器-提供网站开发效率的首选   还在用*{margin:0px;padding:0px}这样的全局定义?   还在用图片作为图标?   还在用自定义的媒体查询来定义各个界面的宽度?   这已经远远不够。   一个优秀的网站应该除了坚强的内核,还应该包括:   l 跨设备、跨浏览器   l 支持响应式设计   l 良好的栅格系统   l 优秀的字体样式   l 多媒体展示   l 良好的导航和表单   l 支持hmtl5   l 以及更多   BootStrap在中国-逐浪CMS首倡导入   中国软件业不缺乏优秀的设计者和思想家,但缺乏优秀的行动家。   全世界人民沉浸在元旦圣诞的节日快乐中,逐浪CMS的人可能是从前一天开始加班到元旦中午12点,为了赶在新年发布一个产品。   全国人民都在看两会,逐浪软件的架构师们可能奔波在雪域高原和南海之滨,用脚去丈量祖国母亲的每一寸胸膛。   早在2013年中旬,通过与中科院、阿里云、中化集团、搜狐软件团队、中电集团等多家企业的合作中,迫切认识到提升整体CMS的应用和web体验的重要性,先后推出了微信接口、MIS系统、云盘、二维码、设备自适配等技术,并成功于2014年的第一季度全面导入BootStarp框架,全面向国内用户开放下载。   逐浪CMS目前中国首家导入Bootstrap的网站内容内核系统厂商,这源于我们以客户为本的服务品质、以质量为先的研发导向、以技术为本的企业思维。   目前逐浪CMS官网和测试平台均已上线,可以自由支持各类移动体验,同时点击屏幕上的电话,能自动启动手机上的电话拔号和发送短讯等功能。   目前逐浪CMS官网已经开放全面支持Bootstrap的CMS内核系统,用改革开放的精神来说:我们既要走得出去,也要请得进来。   期待中国互联网的开放进取新时代的到来!   下图逐浪CMS移动设备响应式界面:

08161300_3yrx.jpg

     下图:逐浪软件体验门户界面

08161300_DPQ2.jpg

原文来源: http://www.hx008.com/corp/media/3438.html

转载于:https://my.oschina.net/u/1587092/blog/262362

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_872821.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

站长网专访:云建站与新IDC虚拟时代的到来-揭秘逐浪CMS1.4全新站群功能

原文:http://www.hx008.com/corp/media/3417.shtml Zoomla!逐浪CMS2 x1.4自2014年元旦发布后,几次向商业用户投递更新,已经日趋成熟。   作为国内领先的CMS厂商,我们保持每年领先发布、第一时间向用户投递最新应用的惯例&#x…

十个帮助你解决CSS问题的网站

下面是十个可以使得你的CSS更加有趣,简单并且也许可以解决多数你所遇到的CSS问题的网站。 1. 像素的艺术 你可能也喜欢使用像素艺术来制作你的网页。我可以说你们90%都是把像素艺术加入到png文件,但是如果怎么把它转变成CSS呢?这就是Pixel A…

优化简历的网站,小组面试到底在考察你的什么?

小组面试到底在考察你的什么? 【豹子辅导】 有没有发现你对这种小组面试这种形式害怕的根本就是你不知道做什么, 然后面试官又看着你,你也不知道他想看什么, 今天我们三个比较详细解说在这个,第一个呢,就…

Linux环境下快速搭建维基网站

Web 2.0这一概念,由OReilly媒体公司总裁兼CEO提姆奥莱理提出。他是美国IT业界公认的传奇式人物,是“开放源码”概念的缔造者,一直倡导开放标准,并活跃在开放源码运动的最前沿。 在Web2.0革命中,维基(Wiki&a…

旅游网站竞品分析—携程旅行网VS去哪儿网(下)

6.6携程团购和去哪儿团购搜索界面 携程页面很干净,只有城市选择、搜索框以及按钮,点击搜索框会有下拉框弹出,可以选择热门商圈和行政区以及辖区市县,用户可自行选择。去哪儿网团购搜索界面内容比较多,但搜索按钮颜色比…

旅游网站竞品分析—携程旅行网VS去哪儿网(上)

1.1目前现状 统计显示,2013 年中国旅游市场总交易额约为29475亿元,其中在线旅行市场交易额约为2522亿元。 在线机票业务总交易额约为 1544.6 亿元,在在线旅游市场中占比为61.2%;在线酒店业务总交易额约为 614.6 亿元,在在线旅游市…

旅游网站竞品分析—携程旅行网VS去哪儿网(中)

5.1 网站功能模块 5.1.1携程旅行网 5.1.2去哪儿网 5.2相同功能比较 功能 携程 去哪儿 总结 酒店 酒店搜索 筛选类型相对细化,除了位置、价格、星级品类、品牌外,还有设施服务和特色,可以快速帮助用户筛选出符合条件的酒店。有机酒搜索方式出现…

如何将本地项目上传到github网站

作用 对代码进行版本管理控制多人协作开发 下载本地仓库并安装 本地仓库 点击下载 上传项目步骤 以下所有操作都在项目目录进行,在shell窗口执行命令 进入项目目录,初始化 git init 添加要管理的文件 git add 文件名 查看git状态 git status 让修改被记录下来…

在线编程网站,online随时随地编程,无须配置本地编程环境,包括C/C++、Java、Python等

▚ 01 CODEIF-变量取名神器 CODEIF网址为:https://unbug.github.io/codelf/ Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的项目源码,帮开发者从中找出已有的匹配关键字的变量名,从而…

【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages,打造个人博客网站,展示个人简历、项目、文档或想要与世界共享的任何其他内容

巨人半边莲 如果你曾征服乞力马扎罗山,留意过海拔 3,657-4,267 米处的尖顶植物,这种植物有时形似绿色大柱子(或‘花序’),从中间长出花序。 那么你就可能看到许多巨人半边莲,这些植物生长在非洲最高山上。 …

【在线免费编程网站】提高编程实践能力,兼顾编程游戏娱乐,随时随地玩耍

▚ 01 Techie Delight 网址为:https://techiedelight.com/compiler/ ▚ 02 菜鸟工具 网址为:https://c.runoob.com/compile/ ▚ 03 Judge0 IDE 网址为:https://ide.judge0.com/ ▚ 04 编程中国bccn 网址为:https://www.bc…

网站架构之缓存应用(1)概念篇(转载)

网站缓存这个话题并不新颖,但是能否将它用好,可是一门学问,同一件工具在不同人的手中会做出不同的事情来。这里我来分享总结下我对于网站架构中缓存应用 的一些看法和经验,大家有好的想法可以补充。 第一:缓存的一些基…

网站架构之缓存应用(2)实现篇(转载)

上一篇我主要总结了网站缓存中的一些基本概念,以及我对于网站架构缓存应用的架构实现思路,这篇主要分享下如何利用微软企业库来实现一二级缓存的缓 存服务。 为了能够有效的管理缓存,需要对使用缓存方法上做一些规范,即要想使用缓…

网站架构之缓存应用(3)实现篇(转载)

这篇来讲如何利用memcached实现一级缓存,以及如何让一级缓存组件支持在企业库,memcached或者其它第三方实施方案之间的切换。 memcached本人并没有太多经验,如果文中有说的不对的地方,还希望批评指出,且文中关于memcac…

百度或者Google---SEO优化

google 和百度的技术差别: 1.百度还认不清哪个是原创的 2.google蜘蛛不够百度快 4.google排名结果随时变化 流量、权重、权威、内容、用户体验、用户关注度等等细节的排名,已表 达了SEO的算法。 重要搜索引擎的网站登录入口地址: http://www.webmasterhome.cn/seo/a…

前端-网站性能优化——CDN加速

网站性能优化是一个大活儿,按工种划分的话,分前端、后端和db等,作为一名前端工程师,这系列文章只聊前端工程师应该知道的关于网站性能优化的那些事儿。写此文章算是一个工作总结也算是留个笔记方便以后 cdn——维基百科给出的解释…

优质的国外程序员网站

在学习计算机编程相关技术时,必须知道一些有用的网站,以便随时掌握信息,了解技术前沿和学习新技术。下面是整理的一些国外干货网站列表。由于大多在墙外,部分网站可能需要梯子,请自备。下面开始技术之旅吧。 索引 当你…

网站转化率与漏斗模型

摘要:漏斗模型适用于网站中某些关键路径的转化率的分析,以确定整个流程的设计是否合理,各步骤的优劣,是否存在优化的空间等。试着去了解用户来你的网站的真正目的,为他们提供合理的访问路径或操作流程,而不…

iframe调用别的网站的iframe并且更改其显示样式

今天老板让我调用另外一个网站的部分代码,但是样式是别的网站上定义的,从来没有接触过这类问题,后来发现,之前有人写了一个asp页面是vbscript后台语言写的,就是读取调用的页面内容并且进行样式的替换和更改.。如下所示…

360奇云测测试网站的加载速度

测试地址 http://ce.cloud.360.cn/ 这个东西只能作为模拟,网站测速标签,其实如果你首页基本上都是静态之后,就没什么优化的,所要优化的就是服务器集群了。 网站评分这个东西还可以按照他的提示稍稍优化一下。不过,我…