2015-11-30 博博
藍藍設計( www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設計理念，而且需要更酷的頁面和用戶體驗。作為開發者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實現一些現代化的界面，包括一些移動設備的網頁界面風格設計。本文分享了10個的CSS UI開源框架，有幾個確實不錯，一起來看看。
Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。它使用了的瀏覽器技術，Bootstrap提供了時尚的排版樣式，表單，buttons，表格，網格系統等等。
官方網站：http://getbootstrap.com/
jQuery UI是一款基于jQuery的開源Javascript框架，jQuery UI框架主要提供了用戶交互、動畫、和可更換主題的可視控件，讓開發者可以更方便地實現網頁交互界面，jQuery UI的整個框架比較龐大，但你也可以根據自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設計非常漂亮，值得一試。
官方網站：http://jqueryui.com/
它是jQuery UI和Bootstrap的集成，它是Bootstrap樣式的，因此外觀比較漂亮，同時它擁有jQuery UI的控件功能，這也方便開發者快速地創建一個網頁控件。
官方網站：https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/
BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特點是可以很方便地構建類似Windonws 8扁平化風格的網頁界面，效果非常不錯。
官方網站：http://aozora.github.io/bootmetro/
Flat UI是一套精美的扁平風格 UI 工具包，基于 Twitter Bootstrap 實現。這套界面工具包含許多基本的和復雜的 UI 部件，例如按鈕，輸入框，組合按鈕，復選框，單選按鈕，標簽，菜單，進度條和滑塊，導航元素等等。
官方網站：https://github.com/designmodo/Flat-UI
NEC是網易推出的開源前端CSS框架，NEC提供了豐富UI代碼庫和插件，可以極大的幫助開發人員提高開發效率。即使你并非前端專業開發人員，利用NEC你也可以快速地構建屬于自己的網頁應用。
官方網站：http://nec.netease.com/
Alloy UI是基于YUI 3的前段UI框架，包含一套豐富的（超過60）UI 部件，如圖片庫，對話框，樹形結構，面板，自動完成，按鈕，日歷控件，工具條等。
官方網站：http://alloyui.com/
Cardinal 是一個小型的移動優先的 CSS 框架，提供很多有用的默認樣式、可縮放排版、可重用模塊和一個簡單的響應式表格系統。
官方網站：http://cardinalcss.com/
不同于許多CSS框架，它必須依靠PHP與Apache的mod_rewrite來執行，但也因為需要這兩種東西，讓CSScaffold變得很神奇、很方便，寫起CSS來又快又輕松！
官方網站：http://www.w3avenue.com/2009/10/13/csscaffold-php-based-css-framework/
一款基于bootstrap風格，兼容于主流瀏覽器（包括IE6）的后端UI開發組件。
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里