日期: 2013 年 5 月 9 日

响应式布局

前几天,我在公司里组织了一次技术交流活动,由我们的UE工程师主讲,内容是Mobile Web设计,这个主题的来源是,移动互联网将成为主流,将来大部分用户将使用移动设备来上网,在这样的情况下,已有的基于PC的Web设计,就要针对移动终端进行调整,如何调整,用怎样的设计原则,就是这次交流活动主要讨论的。

在1个小时的交流时间里,我们的UE工程师除了讲解了基本的Mobile Web概念,着重讲到了“响应式布局”的概念,这是一个比较新的概念,是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。如果我们用移动设备访问天猫、易讯和一淘网,会发现,天猫是一个固定宽度的展示,而易讯则做到了页面自适应,但易讯也不是一个真正的响应式布局,相对来说在响应式布局方面一淘网是最好的。

我感觉响应式布局本质是一种理念,需要将这种理念贯穿与设计的过程中,而不是简单的从技术层面解决移动设备自适应的问题,用响应式布局来改进我们的网站,还有很长的路要走。

有两个很不错的响应式布局的网站,大家可以去研究一下

http://alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html
http://colly.com/

另外还有一些资源,都是我们的UE工程师总结提供的

Fork, the Open Source CMS http://www.fork-cms.com/
《8个实用的响应式设计框架》http://www.w3cplus.com/source/8-useful-responsive-css-frameworks.html
《16个优秀的Responsive CSS框架》http://www.w3cplus.com/source/16-responsive-css-frameworks-worth-considering.html
《基于CSS搭建一个响应式网站》http://www.w3cplus.com/css3/build-basic-responsive-site-css.html

—分割线—

上次《关于引用水》的调查收到的结果仍然不多,大家不够积极噢,结果如下

1.生活中你最主要的饮用水是(如果有多种,选择最主要的)
自来水(25%)
桶装饮用水(75%)
瓶装饮用水(0%)
小区水站取水(0%)

2.你是否相信地下水受到了污染
相信 (75%)
不相信(25%)

3.你觉得桶装水或瓶装水水质比自来水好吗?
是,桶装水或瓶装水水质好(50%)
否,桶装水或瓶装水水质不如自来水(50%)

4.关于饮用水,你以后会选择
自来水(25%)
桶装水、瓶装水(50%)
自己安装净水设备(25%)

今日调查《收购搜狗》,欢迎各位参与,结果下次公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer