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