10大html5前端框架
1、Bootstrap
首先說Bootstrap，估計妳也猜到會先說或者壹定會有這個(呵呵了)，這是說明它的強大之處，擁有框架壹壁江山的勢氣。自己剛入道的時候本著代碼任何壹個字母都得自己敲出來擋我者廢的決心，來讓自己成長。結果受到周圍各種基友的引誘開始了Bootstrap旅程。本人雖然是個設計前端的萬裏有壹的人才，但是老天只讓我會用PS和各種設計工具卻不給我跟設計妹子壹樣的審美，所以這也是我最初選擇Bootstrap的原因之壹，它讓我做出來的東西好歹能在妹子面前裝個逼，不過時間長了難免覺得Bootstrap美的讓人煩躁，但好在它的每個版本都會有很大的改變，不會讓人覺得自己做的網站會跟很多網站撞臉。Bootstrap的用法及其簡單(這也可能就是Bootstrap作者閱攻城士無數，了解他們痛的結果)，以至於是個小前端都可以快速上手，幾乎沒什麽學習成本。
2、AUI
第三個是最近剛起來的AUI，雖然作者聲稱是專為APICloud開發者設計的壹套UI框架，但實際它還是解決了很多移動前端開發的普遍問題，是主要面向混合開發的CSS框架。看起來作者比較猖狂，各種高級CSS3遍地使用，這讓我也不得不去查查這些個CSS3的兼容性。不負眾望果然選的都是兼容不錯的屬性，哈哈了壹頓激動從前輩手上大膽認識了幾個好東西，並且框架還提供了聊天界面、計數列表等組件，解決了很多復雜的讓我罵娘的布局，現在可以直接拿走就用。
3、AmazeUI
第二個介紹的是妹子UI，最初使用它是因為本尊遇到了壹個愛糾結細節設計士，有壹次她跟我的字體較上真了，結果壹句頂萬句的BOOS誇了她，我只好根據她的想法去解決，結果最後找到了AmazeUI框架(我不介意妳叫我懶淫)，按照官方的話說就是"基於社區開源項目構建的壹個跨屏前端框架，以移動優先，從小屏到大屏，最終實現所有屏幕適配，適應移動互聯潮流"。但其實我就是看中它能解決國內瀏覽器存在的跨屏適配和兼容性問題。
4、FrozenUI
有段時間看到QQ瞬間高大上了，後來四處打聽，原來QQ客服端也用了混合開發，其中QQ會員前端用的是FrozenUI，並且這套框架開源，欣喜若狂耐不住心裏的寂寞直接上手試了壹遍，初體驗感覺基礎樣式效果簡單色調清爽，有個比較活躍的社區所以組件什麽的也比較豐富。
5、FrozenUI
第三個是FrozenUI，有段時間看到QQ瞬間高大上了，後來四處打聽，原來QQ客服端也用了HTML混合開發，其中QQ會員前端就是用的FrozenUI，並且這套框架開源，欣喜若狂耐不住心裏的寂寞直接上手三下五除二試了壹遍就開始試用，初體驗的就是基礎樣式效果簡單色調清爽，有個比較活躍的社區所以組件什麽的也比較豐富。
6、WeUIi
第四個是WeUI和同FrozenUI都屬於差不多的WeUi了，也是壹個比較專壹的框架，WeUI應該說比FrozenUI前者更專壹，話說連個官網都不搞，所有答疑都在gitHubIssues解決了，這個框架極其簡單，體積當然就不用說了，模塊也就7個左右，不過體量雖然小做的卻不錯，口碑看star就夠了，框架從16/1/23發版至今githubstar超過7K,不過也不排除用戶沒地方發泄所以都跑到git上來，哈哈。
7、SUI
“SUI是壹套基於bootstrap開發的前端組件庫，同時它她也是壹套設計規範。通過SUI，可以非常方便的設計和實現精美的頁面”。果然還是直接引用官方給的枯燥無味廣告要節省自己的腦細胞(_)，當然了就像廣告說的，如果妳之前用過Bootstrap，那麽可以輕松轉向SUI，這可能就是淘寶給前端_絲們的福利了。
8、AUI
第六個是最近剛起來的最近剛起來的AUI，雖然作者聲稱是專為APICloud開發者設計的壹套UI框架，但實際它還是解決了很多移動前端開發的普遍問題，是它主要面向混合開發的CSS框架。，所以看起來作者比較猖狂，各種高級CSS3遍地使用，這也使得我不得不去查查這些個CSS3的兼容性。不負眾望果然選的都是兼容不錯的屬性，哈哈了壹頓激動從前輩手上大膽認識了幾個好東西，並且框架還提供了聊天界面、計數列表等組件，解決了很多復雜的讓我罵娘的布局，現在可以直接拿走就用。
9、MUI
曾經壹直使用Android系統的我，後來見到IOS，果斷移情別戀了，不知道為什麽蘋果每次調整系統我都特別喜歡，後來壹段時間因為缺設計我專門模仿IOS系統做UI，但始終不能夠做到很好，無意間就發現了MUI這個框架，這個框架給我的吸引之處就是它的UI是以IOS為主體設計的，當然它也補充了android特有UI樣式。並且MUI官方聲稱用來開發深入以後發現拿它做APP還能夠提高用戶使用流暢度，然後便試著更深入的了解和使用壹段時間。
10、SemanticUI
倒數第三個是SemanticUI，接觸這個框架還是因為Bootstrap，SemanticUI剛上線github就受到大量開發者的關註，以至於很多人拿它倆對比各種挑刺各種誇，是好是壞不能單憑別人三句四句就擡起手指開始贊，用了以後感覺UI上跟Bootstrap沒太多的區別，不過代碼命名規範上卻相差甚大，本人認為SemanticUI是不是就想做的不壹樣，它的命名全是采用復合的方式，類名特別的離散，用的時候妳得很小心自己擴展或者新增的class命名與它的類名沖突。
Foundation
Foundation算是框架界的元老啦，都說框架去的早，而這個框架壹直到現在依然這麽的熱門，如果妳比較介意Bootstrap開發撞臉的尷尬事情，那麽妳可以考慮使用Foundation。即使妳使用預定義的UI元素,也不會與其他網站太像，就像官方說的給開發者更靈活的框架體驗。
UiKit
UIkit是YOOtheme團隊開發的，在許多WordPress主題中都有應用(也就是如果妳是個WordPress愛好者，那麽這個框架應該比較適合深究)，並且框架能夠通過GUI編輯器和手動編輯，所以它提供了壹個靈活、強大的自定義機制。框架借助LESS、jQuery、normalize.css及FontAwesome開源項目的獨有特點，整合成了這麽壹款輕量級、模塊化的前端框架。
Pure
終於最後壹個了，我和妳壹樣好開森(～￣_￣)～)，這個框架是我在做管理系統時接觸的，選擇使用也是因為框架小巧，並且是純CSS，沒有太多的牽扯，好用來與其他框架快速結合使用。