设计师们越来越关注响应式设计,也就是网站在不同设备以及不同分辨率不同浏览器下的展现形式。在这一篇文章中,我们收集了一些极好的响应式网页设计工具,你可以下载他们,非常轻松的完成自己的工作!
Less Framework 是一个基于CSS的网格设计系统。
一个跨浏览器的CSS网格框架。
The variable grid system 是一个基于CSS的可以快速生成网站的系统。 基于960网格系统的CSS文件。
一个jQuery插件,动态布局。
为移动设备和手持触屏设计的图片画廊。
StyleTitle是一个设计集合,包括字体,颜色和一些界面元素。你可以创建一个可视化的品牌。
ResponsiveSlides.js是一个轻量级的jQuery插件,可以创造响应式的图片画廊。可以支持的浏览器包括IE6以上。
BluCSS是一个CSS框架,易于使用。
Gridless是基于的HTML5和CSS3的模板,可以支持移动设备,响应式设计,跨浏览器。
Adobe Edge是一个跨多个移动浏览器的测试工具。你可以利用它检查自己的网站。
一个基于网页排版的jQuery插件。
FitText 可以让你的字体富媒体化,响应各种屏幕和设备。
最著名的响应式模板。
为响应式网页设计提供的网格系统。
SG 提供了四种不同的屏幕尺寸范围, 所以人们访问您的网站时,会收到一个布局的调整他们的浏览器窗口的大小。告别水平滚动条。
Susy是基于Natalie Downe’s CSS 系统,非常容易组合。
可以轻松选择列数,完成栅格的设计。
推荐一个响应式测试工具 [ 跨屏测 ]