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 做的网站案例:
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的目标
帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。
1
thinkxen 2014-12-18 17:57:14 +08:00 1
感觉不错,下次改版考虑用来看看~~~~~~~
|
2
lzsadam 2014-12-18 17:59:00 +08:00
语义化的框架比bootstrap那样的写起来更清晰,看上去很明白
之前用Bootstrap,现在改了 最近在用http://semantic-ui.com,里面所有自带的东西可以完全满足我的任何需求了 而且他们更新的很勤奋,从1.0到现在的1.3.2并没有花多长时间 前段时间从这里的某个帖子中看到有人推荐了Amaze UI 特地google下看了,很不错,希望国产也能给力~ 无条件支持一个 |
3
lzsadam 2014-12-18 18:00:05 +08:00 2
呃。。打了这么多字,沙发没了,求安慰……
|
4
giuem 2014-12-18 18:01:39 +08:00 via Android 1
之前一直再用,挺不错的
|
5
cornelia 2014-12-18 18:02:12 +08:00 1
之前有在某个项目用过
|
6
kisshere 2014-12-18 18:02:31 +08:00 via Android 1
这框架,说实话,一个字,太卡了!!!弹窗,侧边栏,点了好久才有反应
|
10
skydiver 2014-12-18 18:16:05 +08:00 3
HTML5就是HTML5,不是什么H5
|
11
manhere 2014-12-18 18:18:23 +08:00 1
“妹子”不错 用过
|
14
USCONAN 2014-12-18 18:27:21 +08:00 1
每次看到 H5 這種寫法就不爽。。
|
16
vfasky 2014-12-18 19:09:39 +08:00 via iPhone 1
同不爽H5
曾经有想用,但现在项目是基于CMD的,看到seajs,只能放弃。。。 |
17
0x142857 2014-12-18 19:12:14 +08:00 1
H5 总让我想到 H1/2/3/4/5
然后就想到 normalize.css 然后脑洞无限大 :) |
18
adjusted 2014-12-18 19:17:39 +08:00 via Android 1
最懂中文?只能想到字体了,还有什么
|
19
linuxer 2014-12-18 19:39:47 +08:00 1
HTML5 本身就是简称了。以后会不会把 H 也简写,变成 I5 呀。XD
|
20
airyland 2014-12-18 19:52:15 +08:00 1
CJS 规范。第一次看到这种写法。seajs只是加载器,CMD才叫规范吧。
|
21
Slienc7 2014-12-18 19:54:40 +08:00 1
干脆叫5好了
|
23
chizhong 2014-12-18 20:31:32 +08:00 1
感觉在手机上点起来有点卡顿,还是国外的几个框架用起来流畅。希望能完善
|
24
luckylion 2014-12-18 23:09:12 +08:00 1
对IE8兼容性太差,现在国内IE8还有相当大的份额 至少在30%以上
|
25
MingZhe 2014-12-18 23:31:50 +08:00 1
大赞!~
|
26
lin 2014-12-19 01:50:17 +08:00 1
去过的开发者沙龙大多都用H5简称HTML5,同样觉得这种叫法很不舒服。
|
27
efi 2014-12-19 03:24:23 +08:00 via Android 1
读起来比较繁琐,一定要简化成h5也是有先例的https://github.com/h5bp/html5-boilerplate
|
28
lzdhlsc 2014-12-19 03:42:08 +08:00 1
在名字上纠结来纠结去,搞笑
|
31
acterce 2017-07-11 16:35:40 +08:00
|