Web移動端的常用組件庫
normalize
http://necolas.github.io/normalize.css/
最受歡迎的css reset
保留有用的默認值,這個區別于其他的CSS resets 標準化大范圍的HTML elements的樣式糾正bugs,使瀏覽器具體通用性 通過一些巧妙的改進來增強可用性 用具體的說明來講解代碼的用處
topcoat
一套非常精致的UI元素類庫,提供了常用了基礎組件
Bootstrap
http://getbootstrap.com/2.3.2/
這個就不說了,他的最大問題是名氣太大,看多了就有點反胃。
Zurb Foundation
Zurb Foundation和Bootstrap一樣,也是一款非常知名的css框架。
Foundation 最大的特色是 Mobile first。它對不同終端支持非常好,對內容結構在不同類型設備中的的呈現方式進行了相應的預設。 (js組件依賴Zepto)
Foundation還有很多預設模塊http://foundation.zurb.com/templates.html.
如果你打算快速開發一個適應多個平臺響應式的網站,Foundation絕對是你的首選。
作品集:
http://www.herschelsupply.com/
Semantic UI framework
Semantic UI framework是一款擁有豐富組件的UI框架,JS的易用性非常好,而且流暢(我沒用過,他自己這說的)。
組件確實豐富,展開左側的菜單,我們想要用到的組件基本上都有。
他的官方網站上沒放案例,大家自己去體驗吧。
Gumby
Gumby與bootstrap比較類似,唯一不同的是他比較注重移動設備。
另外Gumby也有一個在線自定義的工具 http://gumbyframework.com/customize
Ratchet
http://maker.github.io/ratchet/
Ratchet是一個幫助開發人員僅使用簡單 HTML,CSS 和 Javascript 組件就能夠快速的制作出 iPhone 應用程序的原型。Ratchet 提供了眾多效果類似原生應用的界面組件!開發簡單的手機應用可以試試。
作為一個高保證的原型工具也不錯。
HTML kickstart
http://www.99lime.com/elements/
極簡的網站開發框架,適合只掌握了CSS和HTML的開發者。
不是很有特色,就是提供一堆常用控件讓你組合成一個站點。
Responsable
看名字就能明白,Responsable提供響應式布局解決方案。
相對其他整合比較深入的庫,這個更加單純。
responsiveaeon
http://newaeonweb.com.br/responsiveaeon/
ResponsiveAeon 是一個基于 HTML5/CSS3的框架,可以用來快速創建響應式布局。需要JavaScript框架支持IE、模態盒(modal boxex)以及PSD/AIPNG文件。
Clank
與上面介紹的Ratchet差不多,能幫我們快速的制作出手機應用程序的原型。
metroui
Metro UI CSS是一個獨立的開發框架,開發者可以使用它開發出Windows8樣式的UI,也可以搭配其它框架使用。
Flat-UI
http://designmodo.github.io/Flat-UI/
Flat UI是一套精美的扁平風格 UI 工具包,基于 推ter Bootstrap 實現。這套界面工具包含許多基本的和復雜的 UI 部件,例如按鈕,輸入框,組合按鈕,復選框,單選按鈕,標簽,菜單,進度條和滑塊,導航元素等等。
其他
NCE http://nec.netease.com/ 網易的CSS解決方案
Alice http://aliceui.org/ 支付寶的CSS解決方案
MUI http://mui.tmall.net/ 天貓的組件庫