当前位置:首页 » 网页前端 » 好用web前端ui框架
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

好用web前端ui框架

发布时间: 2022-08-29 21:58:58

㈠ 常用的UI框架有哪些

常用的UI框架有哪些?推荐6种常用的UI框架。接下来云南电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!


Bootstrap


说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。


Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。


jQueryUI


jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。


jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。


jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。同时,jQueryUI采用MIT&GPL双协议授权,轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。


最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。由Yahoo出品,技术上应该不存在太大问题。组件也很丰富,包括表格、表单、按钮、表、导航等。CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。


SemanticUI


SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。


而且SemanticUI的moles预制了很多美观的动画,同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed)。


㈡ 前端框架都有哪些,最主流的是哪个

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

1.Aliceui

Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3.sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。

通过SUI,可以非常方便的设计和实现精美的页面。

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。

9.YDUI Touch

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

㈢ 丽江电脑培训学校告诉你常用的UI框架有哪些

常用的UI框架有哪些?推荐6种常用的UI框架。接下来丽江电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!


Bootstrap


说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。


Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。


jQueryUI


jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。


jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。


jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。同时,jQueryUI采用MIT&GPL双协议授权,轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。


最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。由Yahoo出品,技术上应该不存在太大问题。组件也很丰富,包括表格、表单、按钮、表、导航等。CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。


SemanticUI


SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。


而且SemanticUI的moles预制了很多美观的动画,同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed)。


㈣ 前端常用的框架有哪些

在Web前端开发中,适时地使用一些框架,对于我们日常的开发,可以说是事半功倍。那么,常用的Web前端框架有哪些呢?程序员常用的Web前端开发框架如下:
1、Bootstrap
Bootstrap流行的CSS框架,它是最早的Web前端框架,Bootstrap提供了许多实例来帮助入门。使用Bootstrap可以将不同的组件和布局组合在一起,从而创建有趣的页面设计,还提供了大量详细的文档。
2、QUICK UI
QUICK UI一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量提高开发效率,快速构建功能强大、美观、兼容的web应用系统。
3、MDC Web
Material Components for the web(MDC Web),谷歌为Web设计的全新前端框架。MDC Web帮助开发人员执行Material Design,组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程以构建美观且功能强大的Web项目。
4、Pure
Bootstrap,Patternfly和MDC Web功能非常强大的CSS框架,但非常繁琐复杂。如想要一个轻量级的CSS框架建议尝试Pure.css,本身更接近于CSS编程,但又可以帮助构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架由Yahoo开发根据BSD许可是开源。
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司,组织都使用该框架,并且该框架具有大量可用的文档。
6、Bulma
Bulma基于Flexbox的开源框架可根据MIT许可证开源。一个非常轻量级的框架,只需要一个CSS文件。Bulma拥有简洁明了的文档可轻松选择想要的主题。还具有许多Web组件可以在设计中使用它们。
7、Skeleton
轻量级框架Skeleton。Skeleton库只有大约400行,且该框架仅提供一些基本的CSS框架组件。Skeleton还是提供了详细的文档来帮助快速上手。
8、Materialize
Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架,解决了最繁重的工作,结合的自定义组件为提供默认的样式。Materialize的文档页面非常全面很容易遵循。其组件页面包括按钮,卡片,导航等。
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比Bootflat更简单更加轻量级。大部分都是图像没有太多的文字。
10、PatternFly
PatternFly是Red Hat的开源CSS框架,和Bootstrap不同的是Bootstrap是为那些想要创建漂亮网站的人而设计,而PatternFly主要专注于企业应用程序开发人员提供诸如条形图、图表、导航之类的组件,实际上Red Hat就是使用它创建了OpenShift。除了静态HTML,PatternFly还支持ReactJS框架,这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件,如条形图,图表,模式和布局。
11、flex
Flex目前还在孵化阶段,还不是Apache的正式项目,Flex4.8也不是一个正式的Apache版本。,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动而不是由一个公司驱动。开发者可以通过贡献代码来帮助改进Flex,如修复bug、增加功能等。
以上就是分享的Web前端开发常用的一些框架。程序员们可以根据自己的业务需求选择简洁直观、功能强大的前端开发框架,让自己的工作更迅速简单,提高开发的效率。

㈤ 8个提高工作效率的Web前端开发框架总结

今天小编要跟大家分享的文章是关于8个提高工作效率的Web前端开发框架总结。着互联网的推进我们可以寻找到各种高效资源,比如我们设计网站、小程序和公众号开发的时候,前端设计并不需要我们太多的自主设计,我们可以借助免费开源或者有些付费的前端框架和插件来快速完成。比如我们在设计网站主题的时候,可以借助类似BootStrap、Layui这些常用的前端框架高效开发。

目前可选的前端框架还是比较多的,有些以前出名的如今已经逐渐淡出我们的视野,包括笔者以前也有用过的Amaze
UI,我也准备在这篇文章中分享的但是官方网站好像无法打开SSL失效,估计可能没有人维护。我们真的要去整理前端框架UI的话,大大小小十几个肯定是有的,但是我们一般也用不了这么多,熟悉这么1-2款足矣。下面来和小编一起看一看吧!


第一、Bootstrap


Bootstrap,来自推特官方提供的一个用于前端开发的开源工具包。由他们的设计师MarkOtto和Jacob
Thornton合作开发,是一个CSS/HTML框架。目前广泛被用于我们很多网站、移动端、自适应WEB项目中,应该是目前使用最多的前端框架之一。


第二、Layui


Layui,是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS
的书写与组织形式,门槛极低,拿来即用。这个前端我也有简单接触过,在行业中用户也在慢慢变多,相对BS框架更加精炼一些。


第三、EasyUI


easyui,是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。easyui是个完美支持HTML5网页的完整框架。居然还分商业和免费版本,如果我们介意的话那就不要选择。


第四、jQueryUI


jQueryUI,是在jQuery
JavaScript库之上构建的一组精选的用户界面交互,效果,小部件和主题。无论是构建高度交互的Web应用程序,还是只需要向表单控件添加日期选择器,jQuery
UI都是理想选择。


第五、YDUITouch


YDUITouch,一个专注移动端、微信的UI框架。YDUITouch
专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高。使用Flex技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局。


第六、H-ui


H-ui,基于
HTML、CSS、JAVASCRIPT开发的轻量级Web前端框架。H-ui在bootstrap基础上,吸取众家框架之长,融合开发者自己的思想,进行深度开发,提炼出一套适合中国开发者的HTML和CSS规范。开源免费,简单灵活,兼容性好。


第七、AUI


AUI使用MIT开源协议发布,永久免费。会不定时更新版本及发布模板示例。致力于为开发者提供更好的框架。


第八、NEC


NEC,来自网易的前端框架。NEC包括了规范、框架、代码库、插件等内容,致力于为前端开发人员提供高效率高质量的前端页面开发解决方案,提高多人协作效率。


总结,以上小编我整理出来目前网络上比较常用的前端框架UI,有些是适合移动端开发的,有些是PC端自适应移动端的,总之我们根据实际的习惯和喜欢选择,建议是选择大众的且有在维护更替的,有些小众的说不定哪天就不更新。


以上就是小编今天为大家分享的关于8个提高工作效率的Web前端开发框架总结的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师。


㈥ Web前端工程师喜欢的高质量Web前端框架有哪些

今天小编要跟大家分享的文章是关于高质量Web前端框架,相信很多Web前端工程师都会对此感兴趣的。Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队)。今天小编就为大家分享一些高质量的前端框架希望能够对大家有所帮助。

一、QUICKUI


QUICK
UI是一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的web应用系统。


QUICKUI优势:


①功能最为强大


QUICKUI经历了7年的迭代更新,不断从客户的各种业务中对组件的需求进行归纳和抽离,从而打造新的组件和功能。现在最新的4.0版本框架包含了一百多种组件,一千多个应用场景示例。可以说在前端框架领域中,QUICKUI拥有功能最强大组件库。


②运行最为稳定


很多其他的第三方UI控件在简单场合使用OK,到了复杂的场景中就会出现很多问题,这种现象很常见,因为在组件设计时无法预料到所有的应用场合。而QUICKUI在7年间经历了数千个项目实际检验,在各种复杂场景都应用过,并根据客户的反馈不断完善和调整。目前的第四代可以说是最稳定、最完美的版本。


③丰富精美的界面皮肤


跟其他web前端框架仅仅是一套组件库不同,QUICKUI是一整套前端解决方案,拥有丰富的外观界面解决方案。采用现今流行的扁平化设计理念,推出了包括登录、响应式web、工作桌面、地图类、门户风格、大屏展示风格等等几百套制作精美、用户体验优秀的界面。这些界面是以QUICKUI皮肤包的形式发布,使用和更换都非常方便。


④事无巨细的开发文档


QUICKUI拥有16万字+的开发文档,框架和组件的每一个功能点都有详细的讲解和代码示例,用于开发过程中随时查阅。除了框架机制讲解和组件使用教程,文档还涉及web前端开发的很多知识。仔细阅读并结合框架使用的话,你很快就能成为web开发的高手。


⑤上手开发非常容易


QUICKUI采用组件化思想来构建组件,一个组件就是一两句html的标签,使用起来非常简单。将开发人员从繁琐的JS编码中解脱出来,很大程度减少前台编码的出错率;保留了HTML的布局方式,从而快速进行页面布局。对开发者前台技术要求也非常低,只需要了解html语法和一些简单的JS即可,从而把更多精力放在业务功能的实现上,极大地提高开发效率。


⑥浏览器兼容性非常好


QUICKUI4.0使用了很多HTML5,CSS3技术用于提高表现力和用户体验,这些新的特性在现代浏览器中会有很好的效果。但是,国内依然有大量的用户在使用IE7、IE8等旧时代的浏览器,为照顾这部分用户,框架采用了渐进式思想,确保低版本浏览器也能正常使用。所以,QUICKUI兼容IE7以上所有主流浏览器。


二、flex


Apache基金会今天发布了Flex4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。


需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex4.8也不是一个正式的Apache版本。


Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。


从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!


三、extjs


ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。


功能丰富,无人能出其右。


无论是界面之美,还是功能之强,ext的表格控件都高居榜首。


华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!


四、easyui


easyui帮助你构建你的web应用更加容易。


它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。


但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!


五、jQueryUI


jQueryUI是一套jQuery的页面UI插件,包含很多种常用的页面空间,例如Tabs(如本站首页右上角部分)、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!


六、MiniUI


又一个基于jquery的框架,开发的界面功能都很丰富。


jQueryMiniUI_快速开发WebUI。


它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。


使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。


界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!


七、DWZ


DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.


设计目标是简单实用,快速开发,降低ajax开发成本。


毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!


八、YUI


Yahoo!UILibrary
(YUI)是一个开放源代码的JavaScript函数库,为了能建立一个高互动的网页,它采用了AJAX,DHTML和DOM等程式码技术。它也包含了许多CSS资源。使用授权为
BSD许可证,基本上没怎么研究过!YUICompressor倒是挺出名的,这套UI库不知道应用的情况怎么样!


九、Sencha


Sencha是由ExtJS、jQTouch以及Raphael三个项目合并而成的一个新项目。


大公司的框架,并且是几样库的强强联合,值得推荐!


十、OperaMasks-UI


OperaMasks-UI是OperaMasks团队2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScriptUI组件库。目前,该团队已将这一产品以LGPL开源协议开放给社区。


文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!


以上排序是整理时的排序,一起整理分析一下,下次用的时候就不用到处找了,我想同样的问题应该也存在在很多程序员身上,任何一款UI框架,只要能够容易入手就行。


以上就是小编今天为大家分享的关于高质量web前端框架有哪些?的文章,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识的小伙伴们记得关注北大青鸟web培训官网哦。


作者:qianankuangjia,来源:CSDN


原文:https://blog.csdn.net/qianankuangjia/article/details/78042944


㈦ WEB前端框架—QUICK UI框架的优势有哪些(一)

1、功能最为强大。


QUICKUI经历了7年的迭代更新,不断从客户的各种业务中对组件的需求进行归纳和抽离,从而打造新的组件和功能。现在最新的4.0版本框架包含了一百多种组件,一千多个应用场景示例。可以说在前端框架领域中,QUICKUI拥有功能最强大组件库。



2、运行最为稳定。


很多其他的第三方UI控件在简单场合使用OK,到了复杂的场景中就会出现很多问题,这种现象很常见,因为在组件设计时无法预料到所有的应用场合。而QUICKUI在7年间经历了数千个项目实际检验,在各种复杂场景都应用过,并根据客户的反馈不断完善和调整。目前的第四代可以说是最稳定、最完美的版本。


3、丰富精美的界面皮肤。


跟其他web前端框架仅仅是一套组件库不同,QUICKUI是一整套前端解决方案,拥有丰富的外观界面解决方案。采用现今流行的扁平化设计理念,推出了包括登录、响应式web、工作桌面、地图类、门户风格、大屏展示风格等等几百套制作精美、用户体验优秀的界面。这些界面是以QUICKUI皮肤包的形式发布,使用和更换都非常方便。


以上就是环球青藤小编关于QUICK UI框架的优势的相关内容分享,希望对各位小伙伴们有所帮助,想要了解更多相关知识,请关注本平台哦!

㈧ 前端ui框架好看的有哪些

推荐几个精致的web UI框架!

1.Aliceui

Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3.sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。

通过SUI,可以非常方便的设计和实现精美的页面。

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。

9.YDUI Touch

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

㈨ 昭通电脑培训学校告诉你常用的UI框架有哪些

常用的UI框架有哪些?推荐6种常用的UI框架。接下来昭通电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!


Bootstrap


说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。


Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。


jQueryUI


jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。


jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。


jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。同时,jQueryUI采用MIT&GPL双协议授权,轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。


最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。由Yahoo出品,技术上应该不存在太大问题。组件也很丰富,包括表格、表单、按钮、表、导航等。CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。


SemanticUI


SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。


而且SemanticUI的moles预制了很多美观的动画,同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed)。