• 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 工具包,基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。

    其他

    NCE http://nec.netease.com/ 网易的CSS解决方案

    Alice http://aliceui.org/ 支付宝的CSS解决方案

    MUI http://mui.tmall.net/ 天猫的组件库

  • 相关阅读:
    周末总结
    大数据开源框架技术汇总
    oracle迁移mysql总结
    梯度下降
    BFC的概念
    元素类型
    window10安装tensorflow
    学习使用git
    设计模式中的关系
    拟合圆
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4243443.html
Copyright © 2020-2023  润新知