响应式设计的现状与趋势

2015-1-13 chenmo 网页设计

响应式设计的现状与趋势

从 2012 年开始到 2014 年,各大家对 Web 设计的趋势预测中,都提到响应式设计;2015 年网页设计趋势预测中,响应式仍在继续。这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮。这 里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势。

源起

2010 年 5 月,伊桑.马科特(Ethan Marcotte)在“A List Apart”写了一篇开创性的文章(题为“Responsive Web Design” ),他利用三种已有的工具:流动布局(fluid grids)、媒介查询(media queries)和弹性图片(scalable images)创建了一个在不同分辨率屏幕下都能漂亮地显示的网站。

Ethan Marcotte 力劝设计师们要去利用那些 Web 独有的特性去进行设计: “我们可以将不同联网设备上众多的体验,当作是同一网站体验的不同侧面来对待,而不要为每种设备进行单独剪裁而使得设计彼此断开,这才是我们前进的方向。 虽然我们已经能够设计出最佳的视觉体验,但还要把基于标准的技术也嵌入到我们的设计中去,这样才能使得我们的设计不仅灵活,而且还能适应渲染它们的各种媒 介。”

Ethan Marcotte 证明了一种在多种设备上都能提供卓越体验的方法的存在,而且这一方法不会忽视不同设备的差异,也不会强调设计师的控制权,而是选择了顺其自然并拥抱 Web 的灵活性。

这里简单介绍下上面的提到的三个概念:流动布局(fluid grids)、媒介查询(media queries)和弹性图片(scalable images)原本都是指现有的一些技术手段,但在做响应式设计研究的过程中,这些概念还是有更广泛的意义,设计师也应该有所了解:

阅读全文>>

标签: 响应式 设计 趋势 现状

评论(0) 浏览(1171)

极客学院 JS学习记录

2015-1-7 chenmo 网页设计

以前只会些HTML,想学JS不知道从哪入门,最近一直在看极客学院的HTML5视频,终于对JS有点认识了。推荐大家看看:

http://www.jikexueyuan.com/path/html5/

不过它需要购买会员,验证邮箱和手机后,可体验5天免费VIP,我就这样看了几天,感觉很不错。可以配合上个月我发现的慕课网(纯免费),学习特有效果。  在极客标签上所以前收藏的TAB标签效果拿出来学习学习下,关键代码如下:

网址:http://cmsblog.cn/pp/tab.html

阅读全文>>

标签: 慕课网 TAB标签 极客 学院 Jqurey 特效

评论(0) 浏览(1348)

2015年,网站设计十大趋势

2015-1-5 chenmo 网页设计

每年,网站设计都在快速进步,每天几乎都有新的设计出现。我可以想象得到,2015年将出现最好的网站,包括2014年已经预测到的许多趋势。随着这些趋势在2015年左右实现,现在该是时候让我们预测2015年可能出现的新趋势了。每个人都在反思2014年,并展望2015年,下面就让我们看看2015年可能出现的网站设计趋势。


阅读全文>>

标签: 网站 设计 趋势 2015 流行

评论(0) 浏览(1048)

代码编辑软件---Sublime Text 3

2014-11-16 chenmo 网页设计

SublimeText 是一个代码编辑器,也是HTML和散文先进的文本编辑器. SublimeText 是由程序员 Jon Skinner 于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。同时 SublimeText 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。今天软件盒子给大家分享的是SublimeText3中文破解版这款软件,软件已破解,请放心使用。
Sublime Text文本代码编辑器

阅读全文>>

标签: 代码 软件 编辑 sublime emmet

评论(0) 浏览(1714)

慕课网一些css定位学习笔记

2014-11-15 chenmo 网页设计

这两天发现一慕课网,里面的视频教学对我这种只会一些CSS的人来说,太有用了。特将一些笔记及演示摘抄下来,方便以后温故学习。

阅读全文>>

标签: CSS 笔记 慕课网 学习

评论(0) 浏览(1455)

Powered by emlog 湘ICP备13007859号 空间由景安网络赞助