15款幫助我們創建響應式佈局的優秀前端框架

Foundation

foundation5

數以百萬計的設計師和工程師採用 Foundation 作爲他們的產品和網站設計的前端框架。Foundation 是第一個響應式、語義化和移動優先的開源框架。最新發布的 Foundation 5 是最先進的響應式前端開發框架,在構建產品和網站的各個方面都更快。

 

Gumby

gumby

Gumby 框架是一個基於 SASS 的靈活的,響應式的 CSS 框架。可以藉助其靈活,響應式的網格系統和 UI 套件快速創建邏輯的頁面佈局和應用程序原型。基於強大的 Sass 構建,Sass 是一個功能強大的 CSS 預處理器,這使我們能夠快速的開發自己的 Gumby,併爲您提供新的工具,讓你能夠在 Gumby 的框架基礎上快速定製。

 

Ivory

IVORY Framework

IVORY 是一款輕量的前端開發框就。IVORY 基於12列的響應式網格佈局,包含表格,按鈕,表格,分頁,撥動開關,工具提示,手風琴,選項卡等網站中常用的組件和樣式。 

 

Ink

ink

Ink 可以幫助你快速創建響應的 HTML 電子郵件,可工作在任何設備和客戶端。這個 CSS 框架幫助您構建可在任何設備上閱讀的 HTML 電子郵件。曾經需要你兼顧各種郵件客戶端的日子一去不復返了,Ink 的靈活性和穩定性讓你的讀者可以查看到你精緻的電子郵件。 

 

Cardinal

Cardinal

Cardinal 是一個適用於移動項目的 CSS 框架,包含很多有用的默認樣式、矢量字體、可重用的模塊以及一個簡單的響應式模塊系統。Cardinal 提供了一種在多種移動設備上實現可伸縮的字體和佈局的新方法,值得關注。 

 

Extra Strength Responsive Grids

Extra Strength Responsive Grids

另外一個 CSS 框架,用於解決在響應佈局中的各種問題。該框架是完全專注於網格,使用基於百分比的寬度調整方法。對於較小的屏幕,除了使用較少的列,元素可以靈活的調整大小。

 

YAML

yaml

YAML 是一個模塊化的 CSS 框架,是大家熟知的另一個多列布局框架。關於這個特殊的 CSS 框架的最好的部分是它兼容幾乎所有的瀏覽器。

 

960 Grid System

960gridsystem

960 Grid System 是有點歷史的網格框架,以幫助你更好地組織你的網站開發流程。960 網格框架提供你兩個不同的包,分別是12佈局和16列布局,可以直接使用。 

 

Groundwork

groundwork

Groundwork 是基於強大的 CSS 預處理器 Sass & Compass 的響應式 HTML5,CSS & JavaScript 工具包。使用 Groundwork,您可以快速構建 Web 應用程序。Groundwork 擁有一個令人難以置信的靈活,可嵌套,流體的網格系統,是 Github 上的開源項目。

 

Golden Grid System

golden-grid-css-framwork

Golden 網格系統把重點放在了基於網格的設計(而不是一個完整的 CSS 框架)。Golden 網格使用左浮動的方法構建網格,而不是位置。

 

Responsive Aeon

Responsive Aeon

ResponsiveAeon 一個基於 HTML5 & CSS3 的響應式框架,用於快速佈局。它有一個基於12列,總計1104px寬的網格系統,提供了一個非常容易理解的用法,只有3個基類。

 

Furatto

Furatto 是一個基於 Bootstrap & Foundation 的前端開發框架,用於快速開發網站。這個框架採用流行的扁平化設計和響應式設計。除了佈局和網格之外,所有的主要元素都有預定義的樣式,例如按,表格,表單等,而且還有各種各樣的 JavaScript 組件,像模態彈窗,工具提示等等。

 

Grid Forms

Grid Forms

Grid forms 是一個前端庫,用於構建基於網格形式的佈局。網格形式密集形式的設計用於經常需要輸入大量的數據的應用程序

 

Skeljs

skelJS 是一個輕量級的前端框架,用於構建響應式站點和應用程序。讓設計人員和開發人員可能夠使用四個強大的組件:CSS 網格系統,響應式處理程序,CSS 的快捷方式和插件系統。

 

Bourbon Neat

Bourbon Neat

Bourbon Neat 是一個開源的流體網格框架,建立在 Bourbon 的基礎上,目的是讓網頁佈局足夠簡單並且能夠靈活定製。使用 Sass 3.2,它能夠很容易建立響應式的佈局。

發佈了20 篇原創文章 · 獲贊 4 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章