10個超棒的響應式Web設計工具

響應式Web設計(Responsive Web Design)是2013年最流行的界面設計趨勢之一。那麼你知道有哪些好用的支持響應式設計的工具嗎？下面慧都小編為你推薦10個超棒的響應式Web設計工具，希望你能喜歡：

1、Bootstrap

---

由兩個Twitter員工開發並開源的前端框架，目前已經更新到了v3.0版本，在Github上非常火爆，在國內也有很多粉絲，值得一試。

2、Adobe Edge Inspect

---

對移動開發者尤其有用的工具，其前身是 Adobe Shadow，用於幫助設計師和開發者同時在多個移動設備上預覽應用設計，發現和解決跨平台問題。

3、Responsive Web Design Sketch Sheets

---

如果你還在用紙和筆來創建你的實體模型，你可以用這些現有的草圖來設計你的交互網站了。

4、Foundation

---

號稱是世界上最先進的響應式前端框架。

5、Adaptive Images

---

在移動設備上讓圖像自動適應當前網頁大小。

6、Retina Images

---

根據設備保存圖像，你只需要為每張圖創建一個高解析度的版本就可以了。

7、SimpleGrid

---

輕量級的響應式 CSS 網格系統，讓你可以快速創建適應於手機和平板電腦的網站。

8、Responsive Testing

---

這個工具可以讓你預覽你設計網頁在不同設備上的效果，只需要訪問它的網站並輸入你網站的地址就可以看到了。

9、The 1140px CSS Grid

---

這1140個網格能完美適應1280的顯示器，會隨著顯示器的變小自適應。

10、resizeMyBrowser

---

是一款測試兼容性網頁設計的完美工具,讓用戶輕鬆重置瀏覽器大小,一站式體驗時下最流行的尺寸或者個性化定製。

擴展閱讀：

什麼是響應式網頁設計？有哪些好用的第三方響應式框架？ 獨家披露Kendo UI Q3 2013發展路線圖 響應式UI成本次主題

本站文章除註明轉載外，均為本站原創或翻譯歡迎任何形式的轉載，但請務必註明出處，尊重他人勞動成果轉載請註明：文章轉載自：慧都控制項網 [http://www.evget.com/]本文地址：http://www.evget.com/article/2013/9/5/19546.html
推薦閱讀：