可能是最懂中文的 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的目标

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

18296 次点击
所在节点    前端开发
31 条回复
thinkxen
2014-12-18 17:57:14 +08:00
感觉不错,下次改版考虑用来看看~~~~~~~
lzsadam
2014-12-18 17:59:00 +08:00
语义化的框架比bootstrap那样的写起来更清晰,看上去很明白
之前用Bootstrap,现在改了
最近在用http://semantic-ui.com,里面所有自带的东西可以完全满足我的任何需求了
而且他们更新的很勤奋,从1.0到现在的1.3.2并没有花多长时间

前段时间从这里的某个帖子中看到有人推荐了Amaze UI
特地google下看了,很不错,希望国产也能给力~
无条件支持一个
lzsadam
2014-12-18 18:00:05 +08:00
呃。。打了这么多字,沙发没了,求安慰……
giuem
2014-12-18 18:01:39 +08:00
之前一直再用,挺不错的
cornelia
2014-12-18 18:02:12 +08:00
之前有在某个项目用过
kisshere
2014-12-18 18:02:31 +08:00
这框架,说实话,一个字,太卡了!!!弹窗,侧边栏,点了好久才有反应
AmazeUI
2014-12-18 18:03:27 +08:00
@lzsadam 安慰一下~
AmazeUI
2014-12-18 18:03:48 +08:00
@thinkxen cool~
AmazeUI
2014-12-18 18:11:36 +08:00
@kisshere 这样么,你看是否能详细说下,我问下工程师哥哥具体是咋回事~
skydiver
2014-12-18 18:16:05 +08:00
HTML5就是HTML5,不是什么H5
manhere
2014-12-18 18:18:23 +08:00
“妹子”不错 用过
AmazeUI
2014-12-18 18:21:39 +08:00
@skydiver 谨记谨记,抱歉目前不能修改了,往后注意。谢谢谢谢。
AmazeUI
2014-12-18 18:21:47 +08:00
@manhere 请多多指教。
USCONAN
2014-12-18 18:27:21 +08:00
每次看到 H5 這種寫法就不爽。。
AmazeUI
2014-12-18 19:09:31 +08:00
@USCONAN 抱歉抱歉,改正改正。
vfasky
2014-12-18 19:09:39 +08:00
同不爽H5

曾经有想用,但现在项目是基于CMD的,看到seajs,只能放弃。。。
0x142857
2014-12-18 19:12:14 +08:00
H5 总让我想到 H1/2/3/4/5
然后就想到 normalize.css
然后脑洞无限大 :)
adjusted
2014-12-18 19:17:39 +08:00
最懂中文?只能想到字体了,还有什么
linuxer
2014-12-18 19:39:47 +08:00
HTML5 本身就是简称了。以后会不会把 H 也简写,变成 I5 呀。XD
airyland
2014-12-18 19:52:15 +08:00
CJS 规范。第一次看到这种写法。seajs只是加载器,CMD才叫规范吧。

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

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

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

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

© 2021 V2EX