推薦10個建立響應式佈局的網格框架

edithfang發表於2015-04-01
在這篇文章中,我們為您呈現了一組優秀的網格工具清單。如果我們錯過了任何沒有列出在這個清單上的東西,請分享給我們。

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 是一個基於瀏覽器的工具,它允許你建立你自己的響應式模板。你可以把它作為一個響應式網站的基礎。您可以自定義網格以滿足您的內容,而不是試圖使內容符合網格。
來自:前端裡
相關閱讀
評論(1)

相關文章