|
本文是最佳PHP,，HTML5和CSS框架大薈萃系列的第三部分,，如果你對PHP框架和HTML5框架有興趣,，可以這里閱讀： 1. Twitter Bootstrap
Twitter Bootstrap是Twitter發(fā)起的一個工具型類庫,，可以高效的幫助你開發(fā)網(wǎng)站,。基于LESS和一些基礎的CSS/HTML,，包括：
提供了940px及其16列的布局,，支持流體布局及其固定布局。（最新的BS3,，缺省提供了響應式的支持,，倡導Mobile First）。
使用Bootstrap能夠讓你免除自己維護和處理CSS的痛苦過程,，特別是對于開發(fā)人員來說,，但是缺點是界面的同質化嚴重，大家開發(fā)的網(wǎng)站都一個樣子,。
2. Pure : CSS Framework
Pure是Yahoo創(chuàng)建的一個比較新的CSS框架,。使用Normaliz.css并且不提供任何的JS，只提供純HTML/CSS,。 這個框架發(fā)布的時候就很緊跟響應式的布局潮流,，擁有字體排版，網(wǎng)格,，表單,，按鈕，表格和導航等等,。 使用非常簡單,，整個框架也非常輕量級（這里推薦一個Pure使用的教程，大家可以閱讀）
3. Fitgrd : Responsive Grid System
Fitgrd其實不是一個框架,。它是一個非常健壯可以幫助你開發(fā)響應式網(wǎng)站的基礎,。設計的初衷是為了快速的原型搭建，但是作為產(chǎn)品網(wǎng)站開發(fā)基礎來說也非常的好用,。如果你不希望頁面看起來都是Bootstrap風格的話,，這套Grid系統(tǒng)非常適合高級web設計師。除了Grid外所有的其它設計都可以自由掌控,，它提供了很多保存非必要代碼的機會,。 4. Metro UI CSS
Metro UI CSS是一套創(chuàng)建UI界面的框架。包含了一個自封裝的解決方案,，同時也可以和其它框架聯(lián)合使用,。 包含了圖片,，提示,，表單,，按鈕，印刷字體等等的支持,。這個框架目前還在開發(fā)中,，未來將會提供更多的特性和選項。 5. SkelJS
SkelJS是一個輕量級的前端框架,，用來幫助你創(chuàng)建響應式的網(wǎng)站和應用,。包含一個單獨的JS文件（大概18kb），提供給設計師和開發(fā)人員方便的訪問組件的能力,，包括：CSS網(wǎng)格系統(tǒng),，響應式處理，CSS所寫和插件系統(tǒng) 6. Cardinal
Cardinal是一個超迷你,，移動為先的CSS框架,，使用一些非常實用的樣式，可縮放的字體,，可重用的模塊,，及其響應式的網(wǎng)格系統(tǒng)。 提供了一個新的方式來縮放web字體,，并且支持多種不同的設備,。對于像素的精確度有一定的要求，但是并非使用非常嚴格,。 相反,，Cardinal利用了模塊化的縮放，非單位的行高,，及其強大了REM單位來使得字體和布局在不同的設備上縮放更加簡單,。
7. Gumby
Gumby框架是一個靈活的響應式的CSS框架，基于SASS,。使用一個靈活的響應式網(wǎng)格框架和UIkit來快速創(chuàng)建邏輯頁面和應用原型,。 基于強大的SASS - SASS是一個強大的CSS預編譯處理器（這里了解更多SASS），可以允許你快速的開發(fā)Gumby,，支持快速自定義和擴展,。Gumby的開發(fā)符合最新的標準和spec。為了能夠保持這種犀利,，Gumby支持現(xiàn)代瀏覽器,，如下：
8. 52 Framework
52frameworks是一個CSS框架，提供了一些簡單的方式來使用HTML/CSS3創(chuàng)建網(wǎng)站并且支持所有現(xiàn)代瀏覽器（包括ie6）,。 使用HTML5標簽,，例如,，header，nav,，section,，article，footer或者新的輸入字段如,，url,，email等等，這個框架也可以作為HTML5 兼容的reset樣式 9. 960 GS
一個CSS的框架,，幫助你按照960GS來開發(fā)你的網(wǎng)站,。最重要的，提供了兩個不同的包裝方式：12列和16列,?？梢詥为毷褂没蛘呋ハ嗯浜鲜褂谩Ｆ浯?，提供了一個overlay工具,。 10. Less : HTML Powered CSS Framework
Less框架是一個幫助你創(chuàng)建靈活的多列網(wǎng)站和布局的輕量級CSS框架。包含了8列的針對行高24px和基于黃金組合的字體預設的網(wǎng)格優(yōu)化設計,。 11. YAML
YAML是一個知名的多列布局CSS框架,。這個框架最棒的地方在于支持幾乎所有的瀏覽器。除此之外,，這個框架的開發(fā)者也將web標準考慮到開發(fā)中去,。并且這個框架兼容YAML builder。 12. Foundation
當然在原文中沒有提到foundation,，小編個人覺得這個框架也是非常不錯的前端CSS框架,，最早的實現(xiàn)Mobile first的前端CSS框架，也是老牌的CSS框架,，而且擁有更強大的功能,，不僅僅是一個CSS框架。如果大家看有興趣也可以了解一下,，這里有一套相關的教程：Foundation4前端框架初學者入門 |
|
|
