目前流行的前端的开源框架有哪些?

云适配 发布于 2014/07/17 15:30
阅读 34K+
收藏 35

云适配创始人陈本峰如是说:

      目前功能相似的能解决同类需求的主要是国外的开源框架,如Bootstrap、Foundation、Semantic UI。Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局、网格、表格、按钮、表单、导航、提示,其核心就是基于Less框架构建的CSS。Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟的,也是其最受欢迎的条件之一。


         Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最复杂也是最灵活的。Bootstrap默认支持四种网格布局,Pure默认支持一种。


        Semantic UI是语义化设计的前端框架,开发更加直观,UI组建可实时调试输出,其最大的特点是充分利用CSS3动画特效,简洁实用漂亮的样式。以上各种产品我们也用过,当时我们发现全球有将近6%的网站是基于Bootstrap做的。不过对于中国开发者来说,Bootstrap门槛仍然较高,而且本土化支持不够好。


         首先,Bootstrap只支持英文字体,并没有对中文字体做设置。在不同操作系统、不同浏览器下,默认的中文字体可能是不一样的,这样会导致网页在某些时候显示得不太好看。而且英文字号和中文字号的大小也不一样,直接用Bootstrap来做文字排版并不能达到最好的效果。另外,国内浏览器种类繁多,Bootstrap也无法照顾到对国内浏览器的支持,我们希望不断加强对各种本土浏览器的支持,帮助广大前端开发者从最繁琐痛苦的浏览器性问题中解脱出来。其次,Bootstrap还没有把重点放在丰富界面组件上,而Amaze UI非常注重提高开发者的效率,我们会不断增加跨屏的界面组件,让开发者尽量少些代码。第三,Bootstrap 因为最早是从PC端开始做的,所以有些地方是先PC后移动,而Amaze UI的思路是先移动后PC。例如,Bootstrap使用了jQuery库,而Amaze UI使用了Zepto.js,Zepto.js的体积不到jQuery的1/3,对移动端的性能很大提升。


        因此,一个针对中国市场的、移动优先的跨屏前端开发框架开发者有很强的需求,也是一个行业的空白。


Amaze UI应该是中国首个HTML5跨屏前端开发框架,其不仅兼容前几者的优势,还具有以下优势:


1、加入更多符合中国市场特性的元素:中文排版更优化,兼容中国本土主流浏览器

2、更轻量化,不仅适用于桌面端,更适合移动端3、包含一些封装好的Widgets,其他框架则没有

内测正在招募中:http://amazeui.org/


加载中
1
夏季
夏季
文档 和 下载入口都没有, 这是分享技术的节奏 还是借技术营销哪.
0
真友
真友

下载

http://amazeui.org/js/amui.js

http://amazeui.org/css/amui.all.css

http://amazeui.org/css/amaze.css

0
真友
真友

引用来自“真友”的评论

下载

http://amazeui.org/js/amui.js

http://amazeui.org/css/amui.all.css

http://amazeui.org/css/amaze.css

使用上和bs差不多  就是多了am前缀, 

0
puras
puras

引用来自“夏季”的评论

文档 和 下载入口都没有, 这是分享技术的节奏 还是借技术营销哪.
人家这高大上的东西,得申请内测哈。。。哈哈哈哈
0
zbbmaster
zbbmaster
有打广告的嫌疑
云适配
云适配
@西部倒贴 感谢!
zbbmaster
zbbmaster
回复 @云适配 : 我已经申请内侧了 希望是一个简单好用的框架
云适配
云适配
希望更多的人参与进来完善这个开源产品。我们在这个产品上用了很大精力,希望给大家带来惊喜。
0
xxjbs001
xxjbs001
这个广告做的不够软,植入的太硬了,你还不如直接说开源新框架呢。
云适配
云适配
说的太直接不好,要含蓄些。
0
缪斯的情人
缪斯的情人

1.移动优先,不如纯做移动端,这种多屏的ui,除了炒炒概念,在实际使用中,很少有使用跨屏ui的,究其原因是因为跨屏多了很多适配,兼容、性能、体积三者一权衡,自然移动端更注重响应速度。无论是bs还是Semantic UI都只是支持响应式设计,而响应式和移动端ui还不是一回事

2.所有炒作跨屏的ui,慎用!

3. 一般申请试用的产品,都是出于自家没足够信心拿出手的原因,再次提醒,慎用!

缪斯的情人
缪斯的情人
回复 @云适配 : 4天了,没收到回复
云适配
云适配
回复 @缪斯的情人 : 申请了就一定会回复您的。
缪斯的情人
缪斯的情人
回复 @云适配 : 说实话,我真想看看你们的UI啥样,但是申请试用让我感到不安:究竟何时收到反馈?能不能申请到?这让人感到沮丧
缪斯的情人
缪斯的情人
回复 @云适配 : 开放试用,用包容的态度迎接大家的板砖,然后卧薪尝胆,发布正式版1.0,惊艳世人。不要像现在这样掖掖藏藏,犹抱琵琶半遮面了,你给用户设的门槛,就是给自己戴的脚镣。
云适配
云适配
感谢您的反馈,尤其是第一点,一个公司做开源确实需要很大的勇气,更需要要开发者的大力支持与鼓励。
0
我是潮汐
我是潮汐
难的来个国产的前端框架, 支持!~
云适配
云适配
感谢。
0
大神412
大神412
希望这款UI框架容易上手,稳定跨屏兼容性好,稳定,更多的本地化支持!
返回顶部
顶部