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 工具包,基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。
其他
NCE http://nec.netease.com/ 网易的CSS解决方案
Alice http://aliceui.org/ 支付宝的CSS解决方案
MUI http://mui.tmall.net/ 天猫的组件库
Web移动端的常用组件库的更多相关文章
- Vue-ui常用组件库整理
Vue-ui常用组件库整理 查看全部整理内容==> element-ui Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库. 这款是我用了很久的, ...
- vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图
vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库,基于Vue.js实现.目前已实际应用于滴滴四大金融业务板块的1 ...
- 一、移动端商城 Vue 组件库
一.组件库 移动端商城 Vue 组件库
- vue.js 常用组件库
vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndem ...
- 二十三、【开源】EFW框架Web前端开发之常用组件(FusionCharts图表、ReportAll报表等)
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan ...
- 【转】web移动端一些常用知识
1.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) a,button,input,optgroup,select,textarea { -webkit-tap-highligh ...
- web移动端一些常用知识
1.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) a,button,input,optgroup,select,textarea { -webkit-tap-highligh ...
- ReactNative常用组件库 victory-native 图表
victory-native 是不错的图表组件,支持很多种图表 地址: https://github.com/FormidableLabs/victory-native 先安装 react-nativ ...
- ReactNative常用组件库 react-native-camera 相机
通过react-native-camera调用原生相机,及自定义样式 GitHub地址: https://github.com/react-native-community/react-native- ...
随机推荐
- CTR预估中的贝叶斯平滑方法及其代码实现
1. 背景介绍 广告形式: 互联网广告可以分为以下三种: 1)展示广告(display ad) 2)搜索广告(sponsored search ad) 3)上下文广告(contextual ad) ...
- c#入门系列——类和对象的代码实现
面向对象 说起面向对象,大家因该都听说过,也知道是一个编程的方法,简称oop技术.它将对象的算法和数据结构看作一个整体,而一个程序就是由多个对象结合的整体.这样做可以提高代码的复用率,提高了软件的可维 ...
- uml系列(五)——对象图和包图
对象图,对象图是系统在某一时刻的对像.关系和属性值的快照.相当于看电视的时候的暂停.便于说明设计者的意图,模拟系统的运行状态,分析说明源代码. 再说对象图之前,我们首先需要了解对象是什么.我们一直都再 ...
- tableView的总结
// // ViewController.m // TableViewController // // Created by 王妍 on 16/3/23. // Copyright © 2016年 c ...
- Jquery 文字上下滚动效果示例代码
<!doctype html> <html> <head> <meta charset="utf-8"> ...
- 【Spring】使用Spring的AbstractRoutingDataSource实现多数据源切换
最近因为项目需要在做两个项目间数据同步的需求,具体是项目1的数据通过消息队列同步到项目2中,因为这个更新操作还涉及到更新多个库的数据,所以就需要多数据源切换的操作.下面就讲讲在Spring中如何进行数 ...
- 总结ASP.NET MVC Web Application中将数据显示到View中的几种方式
当我们用ASP.NET MVC开发Web应用程序的时候,我们都是将需要呈现的数据通过"Controllers"传输到"View"当中,怎么去实现,下面我介绍一下 ...
- devexpress设置系统全局字体(含工具栏字体)
1.许多时候,都需要设置系统的字体.devexpress设置字体效果图比较如下: 上图比较可以看出,字体应用到了所有控件. 2.数据绑定代码: DataTable dt = new DataTable ...
- 【openstack N版】——网络服务neutron
一.openstack网络服务neutron 1.1neutron介绍 neutron是openstack重要组件之一,在以前是时候没有neutron项目,早期的时候是没有neutron,早期所使用的 ...
- 业务逻辑 : 未完 : easybook.com
Content>social media facebook, twitter, google+, instagram, pinterest (Question : How to update n ...