可能是最懂中文的 H5 开源框架

2014-12-18 17:28:52 +08:00
 AmazeUI

Amaze UI 是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架,通过拆分、封装了一些常用的网页组件,比如轮播图框、文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍。

在 Amaze UI 2.0中, 主要是基础架构的变化,包括:

✔ 转向更接地气的 jQuery 生态圈;

✔ No Loader,按 CJS 规范编写 JS 模块,用户可自行选择 loader;

✔ No Prefix,移除 CSS 中所有标准属性的厂商前缀,交给 Autoprefixer 自动处理。

此外,一些样式做了调整,增加了 IE 8/9 有限支持,完整细节参见 变更记录暨1.0 到 2.0 升级指南。

目前 Amaze UI 在 Github 上获得了近1500star,也希望大家多多支持。

相关阅读:

Amaze UI 在 Github

Amaze UI 官网

用 Amaze UI 做的网站案例:

  1. http://www.judaoyouda.com/

  2. http://scsite.cn/mf/

  3. http://www.rocaloid.org/

  4. http://wx.ahoo.me/ahoo

Amaze UI 开发者交流 QQ 群:374946651


Amaze UI 开发思路

通过拆分、封装一些常用的网页组件,以规范化采用云适配平台开发的移动网站,统一用户体验逐渐形成的。

1、语义化

Amaze UI开发遵循语义化原则,意图通过类名(class)等信息直观传达元素的功能角色,同时关注结构、样式、行为分离,降低各部分的耦合程度,提高开发效率和可维护性。

2、移动优先,跨屏适配

遵循 “移动优先(Mobile First)”、“渐进增强(Progressive enhancement)”的理念,可先从移动设备开始开发网站,逐步在扩展的更大屏幕的设备上,专注于最重要的内容和交互,适应移动互联潮流。轻松创建跨屏适配的网页。

3、模块化,按需定制

AMUI使用LESS编写样式,结构良好,易扩展,易维护;使用Seajs模块化开发、组织 JavaScript,自然、优雅。

4、专注于HTML5

AMUI 基于 CSS3 的交互效果,平滑、高效。AMUI专注于现代浏览器(支持HTML5),不再为过时的浏览器耗费资源,为更有价值的用户提高更好的体验。

5、本地化支持

相比国外的前端框架,Amaze UI专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

Amaze UI 的开发历程

云适配创始人陈本峰:这个项目最开始是作为内部使用工具来开发的。我们云适配本身就是一个前端产品,Amaze UI能帮我们降低开发时间和成本,用标准化作业流程,能有更高的产出。

从云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境。在最近几个月,我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品,还有一个设计,一个PM也在尽力配合。产品发布之后,我们会投入更多全职的工程师来专心打磨这个产品,同时也呼吁更多的前端开发爱好者共同来完善这个框架。

Amaze UI的目标

帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。

18106 次点击
所在节点    前端开发
31 条回复
Slienc7
2014-12-18 19:54:40 +08:00
干脆叫5好了
vfasky
2014-12-18 20:16:24 +08:00
@airyland CJS估计是common js
chizhong
2014-12-18 20:31:32 +08:00
感觉在手机上点起来有点卡顿,还是国外的几个框架用起来流畅。希望能完善
luckylion
2014-12-18 23:09:12 +08:00
对IE8兼容性太差,现在国内IE8还有相当大的份额 至少在30%以上
MingZhe
2014-12-18 23:31:50 +08:00
大赞!~
lin
2014-12-19 01:50:17 +08:00
去过的开发者沙龙大多都用H5简称HTML5,同样觉得这种叫法很不舒服。
efi
2014-12-19 03:24:23 +08:00
读起来比较繁琐,一定要简化成h5也是有先例的https://github.com/h5bp/html5-boilerplate
lzdhlsc
2014-12-19 03:42:08 +08:00
在名字上纠结来纠结去,搞笑
efi
2014-12-19 03:47:10 +08:00
@l5c 名正言顺
66beta
2014-12-19 09:57:22 +08:00
@lzsadam semantic太快了,有些低级bug,我怀疑他们都不测试的
acterce
2017-07-11 16:35:40 +08:00
还有这个,H5UI

http://h5ui.io

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/154911

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX