目前几款基于html5的前端框架:如Bootstrap、Foundation、Semantic UI 、Amaze 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,其他框架则没有