首页插画摄影生活灵感产品
界面原创下载教程买啊读图 | 关于投稿
2013/06/14

设计师们越来越关注响应式设计,也就是网站在不同设备以及不同分辨率不同浏览器下的展现形式。在这一篇文章中,我们收集了一些极好的响应式网页设计工具,你可以下载他们,非常轻松的完成自己的工作!

LessFramework 4

Less Framework 是一个基于CSS的网格设计系统。

响应式网页设计工具箱

Flurid

一个跨浏览器的CSS网格框架。

响应式网页设计工具箱

Variable Grid System

The variable grid system 是一个基于CSS的可以快速生成网站的系统。 基于960网格系统的CSS文件。

响应式网页设计工具箱

Masonry

一个jQuery插件,动态布局。

响应式网页设计工具箱

Photo Swipe

为移动设备和手持触屏设计的图片画廊。

响应式网页设计工具箱

StyleTiles

StyleTitle是一个设计集合,包括字体,颜色和一些界面元素。你可以创建一个可视化的品牌。

响应式网页设计工具箱

ResponsiveSlides.Js

ResponsiveSlides.js是一个轻量级的jQuery插件,可以创造响应式的图片画廊。可以支持的浏览器包括IE6以上。

响应式网页设计工具箱

BluCSS Framework

BluCSS是一个CSS框架,易于使用。

响应式网页设计工具箱

Gridless

Gridless是基于的HTML5和CSS3的模板,可以支持移动设备,响应式设计,跨浏览器。

响应式网页设计工具箱

Adobe Shadow

Adobe Edge是一个跨多个移动浏览器的测试工具。你可以利用它检查自己的网站。

响应式网页设计工具箱

Lettering.js

一个基于网页排版的jQuery插件。

响应式网页设计工具箱

FitText

FitText 可以让你的字体富媒体化,响应各种屏幕和设备。

响应式网页设计工具箱

Foundation 3

最著名的响应式模板。

响应式网页设计工具箱

Golden Grid System

为响应式网页设计提供的网格系统。

响应式网页设计工具箱

SimpleGrid

SG 提供了四种不同的屏幕尺寸范围, 所以人们访问您的网站时,会收到一个布局的调整他们的浏览器窗口的大小。告别水平滚动条。

响应式网页设计工具箱

Susy

Susy是基于Natalie Downe’s CSS 系统,非常容易组合。

响应式网页设计工具箱

Semantic Grid System

可以轻松选择列数,完成栅格的设计。

响应式网页设计工具箱



发表评论


1个评论

  1. p2hcn说道:

    推荐一个响应式测试工具 [ 跨屏测 ]


贩卖优质设计素材