破洛洛手机网
当前位置: 首页 > 建站学院 > 建站指南 > 建站经验 > 正文

18个最好的响应式Web设计工具和库

作者:佚名 来源:chinaz 2015-11-15

现在在网上,响应式Web设计的工具和库资源玲珑满目,应有尽有。下面我将讲一讲其中最好的18个工具和库。

1)Get Bootstrap

如果你想用HTML、CSS和JavaScript开发响应式网页,Bootstrap是最受网页设计师和开发人员欢迎的框架。它适合所有技能水平的人,不管你的项目规模如何。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://getbootstrap.com/

2)Ink

Ink提供了一个响应式的电子邮件框架,可以帮助你创建适用于任何设备、可在任何地方阅读的响应式HTML电子邮件。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://zurb.com/ink/

3)Susy

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://susy.oddbird.net/

4)Simplegrid

在创建网站时,编写支持网格的代码是难点之一。这就是为什么SG尽可能地使用了最少的标记和类以保持事情的简单明了。甚至是嵌套网格槽也不需要额外的类。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://simplegrid.info/

5)Furatto

Furatto既轻巧又简单易用,可用于前端程序设计和开发响应式网页。在小型设备上隐藏一些事情对于改善用户体验是很重要的。Furatto提供类名来隐藏或显示元素。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://icalialabs.github.io/furatto/

6)Lessframework

Lessframework是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://lessframework.com/

7)Getskeleton

如果你要做的只是一个小项目或者你觉得你并不需要大型的框架,那么不妨选择Skeleton。Skeleton的标准HTML元素设计样式屈指可数,网格也只有一个,不过这能让我们更加轻松上手。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

官方网站:http://getskeleton.com/

8)Restivejs

Restive.JS是一个jQuery插件,可以帮助我们轻松快捷地将功能添加至网站,使其能够响应和适应几乎所有的Web功能设备。

响应式设计 Web设计 响应式网站设计 Bootstrap3.0学习

推荐阅读