三、線框圖類

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響應式模板（附下載）