如果網頁設計和開人員采用了正确的工具集，并基于一個靈活的網格架構，以及能夠把響應圖像應用到到設計之中，那麼建立一個具備響應式的網站并不一定是一項艱巨的任務。在這篇文章中，我們為您呈現了一組優秀的網格工具清單。如果我們錯過了任何沒有列出在這個清單上的東西，請分享給我們。
您可能感興趣的相關文章
<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html" target="_blank">Web 前端開發人員和設計師必讀文章集錦</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/09/17/10-javascript-framework-with-rich-ui-component.html" target="_blank">十個擁有豐富 UI 元件的 JavaScript 架構</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/09/27/10-css3-online-generator-tools.html" target="_blank">十款精心挑選的線上 CSS3 代碼生成工具</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/11/20/cloud-ide-for-developers.html" target="_blank">開發者必備的八個最佳雲端內建開發環境</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/12/28/best-tools-for-web-development-b.html" target="_blank">2012年度最佳 Web 前端開發工具和架構</a>
Fitgrd 這個網格系統是建立響應式網站的堅實的基礎。它是專用于快速制作原型，而且在生産環境中運作良好。該網格系統是完美的，并為您節省大量時間。
它是一個輕量級響應式架構，利用 CSS3 将響應網站帶入生活。樣闆有包含一個12列的網格并支援圖像，視訊以及主流的流體媒體的任何内容。此外，下載下傳包包括一個 PSD 網格，Sublime 代碼片段和一些 JavaScript 的響應式導航。
Simple Grid 是為 Web 開發者準備的網格架構。簡單的網格可以很好地支援1140px布局 ，但很容易适應任何大小的布局。
響應網格系統是不是一個架構或樣闆，但一個快速和簡單的方法來建立響應網站。它沒有限制我們有一個12 ， 16或24列，也可以是任意數量的，并可以擴充到任何寬度。
流體基線網格系統是裝備了各種資源，是建立 HTML5,CSS3 為基礎的網站的起點。它是建立與印刷标準考慮流體列布局，基礎網格和移動第一響應式設計的校長組合成一個分辨率無關和裝置無關的架構。
Gridpak 是響應式的網頁設計工具，由 Erskine Design 建立。
隻是一個簡單的電腦，以幫助把你的 PSD 像素完美的轉換到您的響應式網站。
rwdgrid隻是另一種網格系統，基于流行的960grid ，這是響應和移動，平闆電腦，筆記本電腦和大螢幕顯示範圍。命名該網格系統的慣例是類似960網格系統，其中下劃線被替換為連字元（增加可讀性） .rwdgrid是具有1200像素+顯示器， 960px +顯示器， 720px +顯示器和手機螢幕由不同網格系統。
Responsify 是一個基于浏覽器的工具，它允許你建立你自己的響應式模闆。你可以把它作為一個響應式網站的基礎。您可以自定義網格以滿足您的内容，而不是試圖使内容符合網格。
<a href="http://www.cnblogs.com/lhb25/archive/2012/10/19/10-free-html-admin-templates.html" target="_blank">10套精美的免費網站背景管理系統模闆</a>
<a href="http://www.cnblogs.com/lhb25/p/responsive-front-end-frameworks.html" target="_blank">14個支援響應式設計的流行前端開發架構</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.html" target="_blank">60款很酷的 jQuery 幻燈片示範和下載下傳</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html" target="_blank">8個驚豔的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html" target="_blank">35款精緻的 CSS3 和 HTML5 網頁模闆</a>
歡迎任何形式的轉載，但請務必注明出處。