半岛权威十大直营(官方)网站

三、线框图类

1.

Responsive Web Design Sketch Sheets可以帮助你实时看到网站在不同分辨率下的显示情况。Responsive Web Design Sketch Sheets的使用也非常简单，只需下载一个zip文件就可以用。

2.

Responsive Wireframes可以用来查看你的响应式网站设计在不同的移动和桌面浏览器中的显示情况。

3.

Style Tiles使得设计师在设计一个可视化品牌的过程中可将设计的演变随时传递到网上，包括字体、颜色和界面元素等，与客户方实现设计与交付的平衡。

4.

Multi-Device Design Prototype为响应式网站设计提供多种流行的模式。

四、JavaScript/JQuery插件类

1.

Adapt.Js是一个非常轻量级的JavaScript插件，可替换CSS媒体查询。

2.

Isotope是一个jQuery的插件，它可以使网页上的元素随着浏览器窗口大小的改变重新排列。

3.

是一个jQuery插件，可用于创建自适应的布局。与Isotope类似，Masonry也可以重新排列网页元素使其更好地适应不同窗口大小。

4.

Respond.Js是一款轻量级的jQuery插件，可以让你在浏览器（如IE）中启用响应式网页设计。

5.

TinyNav.Js是一个可将大的导航列表转换成小的下拉菜单式列表的jQuery的插件。

6.

使用Wookmark JQuery Plugin，开发人员可以快速检测到浏览器和或窗口的大小，且该插件会自动将网页元素重新排列。

五、响应图像和文字工具类

1.

如果你需要检测访问者的屏幕尺寸，以此创建一个分辨率最合适的网站，Adaptive Images可以完全满足你。

2.

Seamless Responsive Photo Grid可以让你的图像无缝呈现，避免图像与图像之间留有任何缝隙。

3.

Picturefill是一种图像处理方式，可以将你的图像调整到允许分辨率之类的最佳像素。

4.

Retina Images可以为你提供视网膜图像，使得图像在某些高分辨率显示器屏幕上观看时尺寸显示会大一倍。

5.

FitText是专门的响应式文字处理插件，可将文本和标题响应任何终端设备。

>>相关阅读：

• 什么是响应式网页设计？有哪些好用的第三方响应式框架？
• 10个超棒的响应式Web设计工具
• 10款超实用响应式设计测试工具
• 15款响应式布局必备的jQuery Grid网格插件
• 21款免费的HTML5响应式模板（附下载）