amazeui.jpg


Amaze UI——中文译名【妹子UI】我们的口号是,让程序员节省开发时间,更多时间陪妹纸,让每个程序员都有妹纸!
官网地址:
http://amazeui.org/
GITHUB:https://github.com/allmobilize/amazeui

Amaze UI特色

为移动而生:Amaze UI 采用业内先进的 mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
组件丰富,模块化:Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Widgets,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。
本地化支持:相比国外的前端框架,Amaze UI 专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。
轻量级,高性能:Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

从官网的手册文档来看,跟bootstrap框架的类似,除了常用的CSS组件,JS组件,Amaze UI还提供了一个Web组件,这个是其他框架没有的,这个对使用者着实很方便

Amaze UI Web 组件按照 Web Components 的实现形式,使用浏览器支持更为普及的技术,将移动开发中常用的组件切割成不同部分,实现类 Web Components 的组件,提高开发效率。


widget.jpg


如上图所示,Amaze UI Web 组件 通过一个 package.json 文件描述,每个组件由模板(hbs)、样式(LESS)、交互(JS)三部分组成,其中样式可能有多个文件(不同的主题)。组件样式和交互以 CSS 、JS 插件 为基础编写;使用 Handlebars 作为模板引擎。

Amaze UI 还提供了HTML/CSS 规范,JavaScript 规范,Web 组件规范。