如果網頁設計和開人員采用了正確的工具集，並基於一個靈活的網格架構，以及能夠把響應圖像應用到到設計之中，那么創建一個具備響應式的網站並不一定是一項艱巨的任務。在這篇文章中，我們為您呈現了一組優秀的網格工具清單。如果我們錯過了任何沒有列出在這個清單上的東西，請分享給我們。
Fitgrd
Fitgrd 這個網格系統是建立響應式網站的堅實的基礎。它是專用於快速制作原型，而且在生產環境中運行良好。該網格系統是完美的，並為您節省大量時間。
Responsive Boilerplate
它是一個輕量級響應式框架，利用 CSS3 將響應網站帶入生活。樣板有包含一個12列的網格並支持圖像，視頻以及主流的流體介質的任何內容。此外，下載包包括一個 PSD 網格，Sublime 代碼片段和一些 JavaScript 的響應式導航。
Simple Grid
Simple Grid 是為 Web 開發者准備的網格框架。簡單的網格可以很好地支持1140px布局 ，但很容易適應任何大小的布局。
Responsive Grid System
響應網格系統是不是一個框架或樣板，但一個快速和簡單的方法來創建響應網站。它沒有限制我們有一個12 ， 16或24列，也可以是任意數量的，並可以擴展到任何寬度。
Fluid Baseline
流體基線網格系統是裝備了各種資源，是創建 HTML5,CSS3 為基礎的網站的起點。它是建立與印刷標准考慮流體列布局，基礎網格和移動第一響應式設計的校長組合成一個分辨率無關和設備無關的框架。
Gridpak
Gridpak 是響應式的網頁設計工具，由 Erskine Design 創建。
The Responsive Calculator
只是一個簡單的計算器，以幫助把你的 PSD 像素完美的轉換到您的響應式網站。
Rwd Grid System
rwdgrid只是另一種網格系統，基於流行的960grid ，這是響應和移動，平板電腦，筆記本電腦和大屏幕顯示范圍。命名該網格系統的慣例是類似960網格系統，其中下划線被替換為連字符（增加可讀性） .rwdgrid是具有1200像素+顯示器， 960px +顯示器， 720px +顯示器和手機屏幕由不同網格系統。
Responsify
Responsify 是一個基於瀏覽器的工具，它允許你創建你自己的響應式模板。你可以把它作為一個響應式網站的基礎。您可以自定義網格以滿足您的內容，而不是試圖使內容符合網格。
您可能感興趣的相關文章