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- ...
随机推荐
- swift 运算符快速学习(建议懂OC或者C语言的伙伴学习参考)
昨晚看了swift 的运算符的知识点,先大概说一下,这个点和 c 或者oc 的算运符知识点一样,都是最基础最基础的.其他的最基本的加减乘除就不多说了.注意的有几点点..先说求余数运算: 一 :求余数运 ...
- java对获取的字节数组进行处理
java对获取的字节数组bytes[]进行处理: 第一种,直接将该字节数组转换为字符串(部分): String content = ,); //从位置0开始获取2个字节 这样,对获取的数据报进行全部转 ...
- ajax提交File文件
<script type="text/javascript"> $(function() { $("input[name='image'] ...
- $.each()遍历json数据
var json = [ {"id":"1","tagName":"apple"}, {"id":& ...
- git用法-打补丁
1. git cherry-pick 作用:从一个branch上选择一个commit,添加该commit到另一个branch上. 1. 切换到你想添加commit的分支上. git checkout ...
- javascript名字由来
javascript是由web发展初期的网景(Netscape)公司创建的,javascript是Sun Microsystem 公司(Oracle)的注册商标,用来特指网景(现在的Mozilla)对 ...
- 用友财务软件U8V10.1虚拟机 及培训视频
需要学习用友财务软件U8V10.1虚拟机 及培训视频 ,请联系QQ:858-048-581 虚拟机系统为WIN2003+SQLSERVER2008+U8V10.1,虚拟机内存最少需要2G
- 每天一个linux命令30)--chgrp命令
在Linux系统里,文件或目录的权限的掌控以拥有者及所属群组来管理.可以使用chgrp 指令取变更文件与目录所属群组,这种方式采用群组名称或群组识别码都可以. chgrp 命令就是change gr ...
- 一个简单的php站点配置
一个简单的php站点配置 现在我们来看在一个典型的,简单的PHP站点中,nginx怎样为一个请求选择location来处理: server { listen 80; ...
- 【JSON学习之道】js操作JSON
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧. JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON ...