首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  前端开发

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

  •  1
     
  •   AmazeUI · 2014-12-18 17:28:52 +08:00 · 16473 次点击
    这是一个创建于 1618 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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的目标

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

    31 回复  |  直到 2017-07-11 16:35:40 +08:00
        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
    这框架,说实话,一个字,太卡了!!!弹窗,侧边栏,点了好久才有反应
        7
    AmazeUI   2014-12-18 18:03:27 +08:00
    @lzsadam 安慰一下~
        8
    AmazeUI   2014-12-18 18:03:48 +08:00
    @thinkxen cool~
        9
    AmazeUI   2014-12-18 18:11:36 +08:00
    @kisshere 这样么,你看是否能详细说下,我问下工程师哥哥具体是咋回事~
        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
    “妹子”不错 用过
        12
    AmazeUI   2014-12-18 18:21:39 +08:00
    @skydiver 谨记谨记,抱歉目前不能修改了,往后注意。谢谢谢谢。
        13
    AmazeUI   2014-12-18 18:21:47 +08:00
    @manhere 请多多指教。
        14
    USCONAN   2014-12-18 18:27:21 +08:00   ♥ 1
    每次看到 H5 這種寫法就不爽。。
        15
    AmazeUI   2014-12-18 19:09:31 +08:00
    @USCONAN 抱歉抱歉,改正改正。
        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好了
        22
    vfasky   2014-12-18 20:16:24 +08:00 via iPhone   ♥ 1
    @airyland CJS估计是common js
        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
    在名字上纠结来纠结去,搞笑
        29
    efi   2014-12-19 03:47:10 +08:00 via Android   ♥ 1
    @l5c 名正言顺
        30
    66beta   2014-12-19 09:57:22 +08:00   ♥ 1
    @lzsadam semantic太快了,有些低级bug,我怀疑他们都不测试的
        31
    acterce   2017-07-11 16:35:40 +08:00
    还有这个,H5UI

    http://h5ui.io
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2420 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 23ms · UTC 09:19 · PVG 17:19 · LAX 02:19 · JFK 05:19
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1