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

时间: 2024-08-22 09:38:29

Web移动端的常用组件库的相关文章

vue.js 常用组件库

vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流:https

vuerouter-11_常用组件库

vue常用的组件库网址:https://github.com/vuejs/awesome-vue 1.v-tooltip的安装 npm install --save v-tooltip2.全局引入: import VTooltip from 'v-tooltip' Vue.use(VTooltip)3.实例: <template> <div class="mine">Mine<button v-tooltip="'You have ' + cou

二十三、【开源】EFW框架Web前端开发之常用组件(FusionCharts图表、ReportAll报表等)

回<[开源]EFW框架系列文章索引>        EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu.com/s/1o6MAKCa 前言:上一章讲了EFW框架中的界面框架JqueryEasyUI,在一个Web系统开发中除了需要一个好的界面框架还有需要一些功能,比如:图表展示.Web报表预览打印.文件上传.文本编辑等功能在Web系统开发过程中也是经常用到的:为了方便大家使用EFW框架开发系统,本人

web移动端一些常用知识

1.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a.input和button点击时的蓝色外边框和灰色半透明背景*/ } 2.禁止长按 a,img 标签长按出现菜单栏 a, img { -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/ } 3.省略号

【转】web移动端一些常用知识

1.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a.input和button点击时的蓝色外边框和灰色半透明背景*/ } 2.禁止长按 a,img 标签长按出现菜单栏 a, img { -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/ } 3.省略号

前端组件库大合集-必备收藏

前端组件库 搭建web app常用的样式/组件等收集列表(移动优先) 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – A package manager for the w

推荐几个精致的web UI框架及常用前端UI框架

以下是几个精致的web UI框架 1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式. gitHub地址:https://github.com/aliceui/aliceui.github.io 2.Amazeui Amaze UI 是一个轻量级. Mobile first 的前端框架, 基于开源社区流行前端框架编写的. 官网地址:http://amazeu

Python常用的库简单介绍一下

Python常用的库简单介绍一下fuzzywuzzy ,字符串模糊匹配. esmre ,正则表达式的加速器. colorama 主要用来给文本添加各种颜色,并且非常简单易用. Prettytable 主要用于在终端或浏览器端构建格式化的输出. difflib ,[Python]标准库,计算文本差异 . Levenshtein ,快速计算字符串相似度. Chardet 字符编码探测器,可以自动检测文本.网页.xml的编码. shortuuid ,一组简洁URL/UUID函数库. ftfy ,Uni

介绍推荐优秀的Vue UI组件库

Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用.开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了.在选择Vue UI组件库的过程中,通过GitHub上根据star数量.文档丰富程度.更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI组件库. 下载资源:www.yi