Web移動端的常用組件庫

jopen 10年前發布 | 76K 次閱讀 移動Web開發框架 移動開發 web

normalize

http://necolas.github.io/normalize.css/

最受歡迎的css reset

保留有用的默認值,這個區別于其他的CSS resets 標準化大范圍的HTML elements的樣式糾正bugs,使瀏覽器具體通用性 通過一些巧妙的改進來增強可用性 用具體的說明來講解代碼的用處

topcoat

http://topcoat.io/topcoat/

一套非常精致的UI元素類庫,提供了常用了基礎組件

Bootstrap

http://getbootstrap.com/2.3.2/

這個就不說了,他的最大問題是名氣太大,看多了就有點反胃。

 

Zurb Foundation

http://foundation.zurb.com/

Zurb Foundation和Bootstrap一樣,也是一款非常知名的css框架。

Foundation 最大的特色是 Mobile first。它對不同終端支持非常好,對內容結構在不同類型設備中的的呈現方式進行了相應的預設。 (js組件依賴Zepto)

Foundation還有很多預設模塊http://foundation.zurb.com/templates.html.

如果你打算快速開發一個適應多個平臺響應式的網站,Foundation絕對是你的首選。

作品集:

http://jenslehmann.com/

http://www.caddis.co/

http://www.herschelsupply.com/

Semantic UI framework

http://semantic-ui.com/

Semantic UI framework是一款擁有豐富組件的UI框架,JS的易用性非常好,而且流暢(我沒用過,他自己這說的)。

組件確實豐富,展開左側的菜單,我們想要用到的組件基本上都有。

他的官方網站上沒放案例,大家自己去體驗吧。

Gumby

http://gumbyframework.com/

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

http://responsablecss.com/

看名字就能明白,Responsable提供響應式布局解決方案。

相對其他整合比較深入的庫,這個更加單純。

 

responsiveaeon

http://newaeonweb.com.br/responsiveaeon/

ResponsiveAeon 是一個基于 HTML5/CSS3的框架,可以用來快速創建響應式布局。需要JavaScript框架支持IE、模態盒(modal boxex)以及PSD/AIPNG文件。

Clank

http://getclank.com/

與上面介紹的Ratchet差不多,能幫我們快速的制作出手機應用程序的原型。

metroui

http://metroui.org.ua/

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/ 天貓的組件庫

 

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!