Web移动端的常用组件库

jopen 6年前

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/ 天猫的组件库