15款幫助我們創建響應式布局的優秀前端框架
響應式的 Web 設計方法的目的是制作一個更加靈活的網站，能夠為用戶提供最佳的視覺體驗——方便閱讀和導航，只需最少的調整就可實現縮放和滾動，支持更廣泛的設備，從移動電話到手持設備到臺式電腦。下面是一個優秀的網格工具清單，能夠幫助更好的創建響應式布局。
Foundation
數以百萬計的設計師和工程師采用 Foundation 作為他們的產品和網站設計的前端框架。Foundation 是第一個響應式、語義化和移動優先的開源框架。最新發布的 Foundation 5 是最先進的響應式前端開發框架，在構建產品和網站的各個方面都更快。
Gumby
Gumby 框架是一個基于 SASS 的靈活的，響應式的 CSS 框架。可以借助其靈活，響應式的網格系統和 UI 套件快速創建邏輯的頁面布局和應用程序原型。基于強大的 Sass 構建，Sass 是一個功能強大的 CSS 預處理器，這使我們能夠快速的開發自己的 Gumby，并為您提供新的工具，讓你能夠在 Gumby 的框架基礎上快速定制。
Ivory
IVORY 是一款輕量的前端開發框就。IVORY 基于12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。
Ink
Ink 可以幫助你快速創建響應的 HTML 電子郵件，可工作在任何設備和客戶端。這個 CSS 框架幫助您構建可在任何設備上閱讀的 HTML 電子郵件。曾經需要你兼顧各種郵件客戶端的日子一去不復返了，Ink 的靈活性和穩定性讓你的讀者可以查看到你精致的電子郵件。
Cardinal
Cardinal 是一個適用于移動項目的 CSS 框架，包含很多有用的默認樣式、矢量字體、可重用的模塊以及一個簡單的響應式模塊系統。Cardinal 提供了一種在多種移動設備上實現可伸縮的字體和布局的新方法，值得關注。
Extra Strength Responsive Grids
另外一個 CSS 框架，用于解決在響應布局中的各種問題。該框架是完全專注于網格，使用基于百分比的寬度調整方法。對于較小的屏幕，除了使用較少的列，元素可以靈活的調整大小。
YAML
YAML 是一個模塊化的 CSS 框架，是大家熟知的另一個多列布局框架。關于這個特殊的 CSS 框架的最好的部分是它兼容幾乎所有的瀏覽器。
960 Grid System
960 Grid System 是有點歷史的網格框架，以幫助你更好地組織你的網站開發流程。960 網格框架提供你兩個不同的包，分別是12布局和16列布局，可以直接使用。
Groundwork
Groundwork 是基于強大的 CSS 預處理器 Sass & Compass 的響應式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速構建 Web 應用程序。Groundwork 擁有一個令人難以置信的靈活，可嵌套，流體的網格系統，是 Github 上的開源項目。
Golden Grid System
Golden 網格系統把重點放在了基于網格的設計（而不是一個完整的 CSS 框架）。Golden 網格使用左浮動的方法構建網格，而不是位置。
Responsive Aeon
ResponsiveAeon 一個基于 HTML5 & CSS3 的響應式框架，用于快速布局。它有一個基于12列，總計1104px寬的網格系統，提供了一個非常容易理解的用法，只有3個基類。
Furatto
Furatto 是一個基于 Bootstrap & Foundation 的前端開發框架，用于快速開發網站。這個框架采用流行的扁平化設計和響應式設計。除了布局和網格之外，所有的主要元素都有預定義的樣式，例如按，表格，表單等，而且還有各種各樣的 JavaScript 組件，像模態彈窗，工具提示等等。
Grid Forms
Grid forms 是一個前端庫，用于構建基于網格形式的布局。網格形式密集形式的設計用于經常需要輸入大量的數據的應用程序。
Skeljs
skelJS 是一個輕量級的前端框架，用于構建響應式站點和應用程序。讓設計人員和開發人員可能夠使用四個強大的組件：CSS 網格系統，響應式處理程序，CSS 的快捷方式和插件系統。
Bourbon Neat
Bourbon Neat 是一個開源的流體網格框架，建立在 Bourbon 的基礎上，目的是讓網頁布局足夠簡單并且能夠靈活定制。使用 Sass 3.2，它能夠很容易建立響應式的布局。
您可能感興趣的相關文章
浙公網安備 33010602011771號