北大青鸟Java培训:常用的UI框架有哪些?
接下来江西电脑培训/给大家分享几个UI专业设计师日常工作中常用的框架,希望能帮到你!Bootstrap说到流行的UI框架,Bootstrap肯定会出现在名单上。
它是twitter推出的一个Web前端UI框架,由Twitter设计师MarkOtto和JacobThornton共同开发。
Bootstrap通过其出色的围栏系统很好地实现了响应式布局。
Bootstrap还提供了时尚的排版样式、表格、按钮、表格、轮播等等。
Bootstrap提供优雅的HTML和CSS规范,由动态CSS语言Less编写。
Bootstrap自推出以来一直很受欢迎,它是GitHub上一个受欢迎的开源项目,包括美国国家航空航天局MSNBC的BreakingNews。
国内移动开发者熟悉的一些框架,比如WeX5前端开源框架,也是基于Bootstrap源代码进行性能优化。
JQueryUIjQueryUI是一套基于jQueryJavaScript库的用户界面交互、特效、小部件和主题。
无论是创建一个高度交互式的Web应用程序,还是仅仅在表单控件中添加一个日期选择器,jQueryUI都是一个完美的选择。
JQueryUI包含许多维护状态的小部件,因此它与典型的jQuery插件使用模式略有不同。
所有的jQueryUI小部件都使用相同的模式,这大大降低了学习成本。
JQueryUI继承了jQuery的易用特性,提供了高度抽象的接口,在短时间内提高了网站的可用性。
同时,jQueryUI采用MIT &;GPL双协议授权可以轻松满足从免费产品到企业产品的各种授权需求。
jQueryUI的另一大看点是兼容所有主流桌面浏览器。
包括IE6+,Firefox2+,Safari3+,Opera9+,Chrome1+。
而且jQueryUI有完全中文版,开发包有包括中文在内的40多个语言包。
PureCSSPure也是一个优秀的CSS框架。Pure是雅虎的。
虽然Pure在UI界面效果上没有Bootstrap漂亮,但是它是用纯CSS实现的,所以非常紧凑,压缩后整个帧只有5.7k左右。
最大的特点是框架基于纯CSS,没有任何JavaScript代码,渲染速度比较快。
雅虎出品,技术问题应该不大。
组件也很丰富,包括表格、表单、按钮、表格、导航等等。
CSS类的标识非常简单,所以使用Pure时代码会更友好。
SemanticUISemanticUI最大的优势在于它的名称语义。
Semantic-UI比Bootstrap更有语义,使用了更容易理解的标签名:Navigator是nav,main content是main,class name是清晰的。
而且SemanticUI的模块预制了很多精美的动画,也非常简单易用。
例如视图中的评论和动态信息(提要)。