好用的css框架?

Tags: 組件, 框架,

CSS框架是事先準備好的庫,是為了讓使用層疊樣式表語言來美化網頁更容易,更符合標準。方便編寫更方便維護!

使用最新的HTML5和CSS3標準

最小化標籤,頁面體積小

搜索引擎友好

純CSS和HTML,沒有JS

沒有任何的Hack

結構清晰,語義化

模塊化,很方便的混合組件

高效的樣式繼承,優化了性能

使用命名空間,減少了CSS規則衝突

響應式,支持移動設備

使用media queries

擴展類庫,重用界面小組件

整合了開源的字體

完整的文檔

快速的代碼編寫標準

工具/原料

一個會編碼的心

一個想要更標準更好維護的期望

方法/步驟

1. Pure : CSS Framework

Pure 是來自雅虎的 CSS 框架,使用 Normalize.CSS 無需任何 JavaScript 代碼。框架基於響應式設計,提供多種樣式的組件,包括表格、表單、按鈕、表、導航等。標識使用非常簡單,整個框架非常輕量級,壓縮後只有 5.7k。

好用的css框架

2. Fitgrd : Responsive Grid System

Fitgrd不是一個框架。這是一個堅實的基礎來建立你自己的個性網站。它是專為快速成型,而且在生產環境中運行良好。該網格系統是完美的誰不想讓自己的網頁看起來像“bootstraped”高級網頁設計師。一切,但電網是由你,給你節省大量的可有可無的代碼的能力。

好用的css框架

3. Fries

Fries 是一個HTML-CSS-JS框架用於創建類似於Android原生UI的框架。可以實際項目或項目原型創建中使用。這個框架已經擁有一些主要組件如:forms, action bars, lists, buttons, spinners 和 tabs。

它還專為PhoneGap優化,可以容易地轉換為原生應用程序。

好用的css框架

4. Markup Framework

Markup是一套佈局,小組件,UI組件和字體排版樣式的框架,可以幫助你快速的執行web相關的設計和開發,相信沒有人願意自己花時間從最基礎的層次開發web應用或者是網站,而Markup恰好很方便的幫助你解決了所有的dirty work。

好用的css框架

5.witter Bootstrap : CSS Toolkit by Twitter

Bootstrap 是基於 HTML,CSS,JavaScript 的簡潔靈活的流行前端框架及交互組件集,由微博的先驅 Twitter 在2011年8月開源的整套前端解決解決方案。

好用的css框架

注意事項

框架雖然可以使編碼速度加快,但是不利於初學者

多度調用框架,會降低自己的編碼能力

相關問題答案