HTML5 跨屏前端框架 Amaze UI

2014-06-24  来源:本站原创  分类:开源  人气:747 

Amaze UI 网站 : http://www.oschina.net/action/project/go?id=31536&p=home

HTML5 跨屏前端框架 Amaze UI

Amaze UI 开发思路

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

1、语义化

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

2、移动优先,跨屏适配

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

3、模块化,按需定制

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

4、专注于HTML5

AMUI 基于轻量的Zepto.js开发,有效减少为兼容旧浏览器的臃肿代码;基于 CSS3 的交互效果,平滑、高效。AMUI专注于现代浏览器(支持HTML5),不再为过时的浏览器耗费资源,为更有价值的用户提高更好的体验。

5、本地化支持

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

Amaze UI 的开发历程

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

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

Amaze UI的目标

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

下面是特性硬广

Amaze UI 是中国首个开源 HTML5 跨屏前端框架

Amaze UI 是一个轻量级、Mobile first的前端框架, 基于开源社区流行前端框架编写。

HTML5 跨屏前端框架 Amaze UI

为移动而生

Amaze UI 采用业内先进的 mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

HTML5 跨屏前端框架 Amaze UI

组件丰富,模块化

Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Widgets,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。

HTML5 跨屏前端框架 Amaze UI

本地化支持

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

HTML5 跨屏前端框架 Amaze UI

轻量级,高性能

Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

  • 授权协议: MIT
  • 开发语言: JavaScript HTML/CSS 查看源码»
  • 操作系统: 跨平台
相关文章
  • HTML5 跨屏前端框架 Amaze UI 2014-06-24

    Amaze UI 网站 : http://www.oschina.net/action/project/go?id=31536&p=home Amaze UI 开发思路 通过拆分.封装一些常用的网页组件,以规范化采用云适配平台开发的移动网站,统一用户体验逐渐形成的. 1.语义化 Amaze UI开发遵循语义化原则,意图通过类名(class)等信息直观传达元素的功能角色,同时关注结构.样式.行为分离,降低各部分的耦合程度,提高开发效率和可维护性. 2.移动优先,跨屏适配 遵循 "移动优先(

  • 陈本峰:HTML5跨屏前端框架Amaze UI的开源之道 2014-09-23

    编者按 对陈本峰的采访,源于技术圈内的一个饭局,虽然大家对他的云适配创业经历很感兴趣,但是他却在自我介绍中反复提到了"开源"和"Amaze UI",言谈举止中透露着对国内开源社区发展的关注和热情参与,特别是他领导的Amaze UI开源项目在正式上线2个月之后,在Github上就取得了1000多个star的关注度,这样的成绩在国内屈指可数.于是,便有了对陈本峰的采访和下面的内容. 正文 Amaze UI 的前世今生 在中关村创业大街旁边的办公室中,Amaze UI项目

  • Amaze UI:做最懂中国程序员的开源HTML5框架 2014-08-23

    Amaze UI是一款完全针对HTML5开发的轻量级.模块化.强调移动优先的开源跨屏前端框架,通过拆分.封装了一些常用的网页组件,让开发者只需复制代码便可将这些跨屏组件写入到自己的应用中.相比国外框架,Amaze UI更关注中文排版优化,强调浏览器兼容性,在GitHub上线半年的时间,便已获得2300+Star.而新版本发布的Amaze UI 2.2接入了微信支付,发布数日新增两万下载,是最初两个月下载总和. 云适配创始人CEO 陈本峰 CSDN:最初决定打造Amaze UI这样一框架有着哪些初

  • 拥有大量特性的前端框架 - Maxmertkit 2013-01-25

    日期:2013-1-24 来源:GBin1.com 前端框架能够有效的帮助你减轻开发过程并且可以有效的提高开发效率.可能大家也使用过很多不同的前端框架,例如,bootstrap或者foundation,其它的框架例如HTML kickstart,还有profound,workless,Rezue,HTML5 junior等等前端框架. 今天介绍的Maxmertkit是一个全新的前端框架,拥有类似boostrap的UI但是提供了不同的组件内容. 这个框架使用SASS来处理CSS部分包括所有主要的网

  • 程序员Web面试之前端框架等知识 2014-07-03

    基于前面2篇博客: 程序员Web面试之jQuery 程序员Web面试之JSON 您已经可以顺利进入Web开发的大门. 但是要动手干,还需要了解一些已有的前端框架.UI套件,即要站在巨人肩膀上而不是从轮子开始造汽车. 下面就Web开发用到的前端框架.UI套件.UI插件一一列举(排名不分先后): jQuery UI jQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.包含了许多维持状态的小部件(Widget)

  • HTML5特效收藏及框架 2012-04-10

    HTML5特效及网站欣赏: (1)HTML5特效页面分享 (2)HTML 5 Demos and Examples (3)HTML5九大超酷特效体验 (4)10个非常棒的HTML5.CSS和Javascript特效展示 (5)16个印象深刻的HTML5/CSS3/JavaScript体验 (6)canvas photo (7)Mr. doob (8)10个绝对让你疯狂的HTML5和JS实验性展示 (9)HTML5 Showcase (10)"Block-level" links in

  • [HTML5]特效收藏及框架 2012-11-12

    HTML5特效及网站欣赏: (1)HTML5特效页面分享 (2)HTML 5 Demos and Examples (3)HTML5九大超酷特效体验 (4)10个非常棒的HTML5.CSS和Javascript特效展示 (5)16个印象深刻的HTML5/CSS3/JavaScript体验 (6)canvasphoto (7)Mr. doob (8)10个绝对让你疯狂的HTML5和JS实验性展示 (9)HTML5 Showcase (10)"Block-level" links in H

  • 腾讯Web前端框架库 JX 2012-03-23

    JX 网站 : http://alloyteam.github.io/JX/ by Tencent AlloyTeam 简介 JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode - http://code.google.com/p/j-et/,于2012年切换到Github,开始我们开源计划的新征途,请记住我们的最新开源地址:https://github.com/AlloyTeam/JX,欢迎访问我们的团队Blog - http://www.all

  • 移动应用前端框架 Agile Lite 2015-05-11

    Agile Lite 网站 : http://www.oschina.net/action/project/go?id=36758&p=home Agile Lite 是一个基于 HTML5+CSS3+JS 的移动应用开发框架,同时支持单页和多页模式,并提供无关 UI 和可扩展的框架结构 Agile 移动应用前端框架既解决了前端 UI 层的显示,耦合了高性能的 UI 展示效果,也提供了一整套完善的页面切换和交互效果,并融入了数据注入的理念,使界面和数据分离,代码维护难度降低,重用性高.整体运行效

  • 15个响应式设计前端框架 2013-10-03

    不年不节不周末的,临时加演一篇资源帖.响应式框架,偏前端的同学可能会有所欲求. 之前念叨过,但凡资源帖,多数是自己眼前用的着的东西,才会趁自己搜罗的机会汇总一下放到这边.话说回来,根本也没做过几篇的样子,印象里有iOS7免费设计资源汇总和iOS设备及界面模板免费资源汇总吧.这次拿来15个响应式前端框架:声明,我自己没用过,做这事起初只是为了我们自己有可能的项目收集有可能的素材和解决方案而已.如果您需要,可以挨个访问过去了解详情,也可以直接从Github获取,我最多算个牵线儿的,不做任何suppo

  • 前端框架 B-JUI 2014-08-06

    B-JUI 网站 : http://b-jui.com B-JUI(Bootstrap for DWZ)富客户端框架,基于DWZ-jUI富客户端框架修改. 主要针对皮肤,编辑器,表单验证等方面进行了大量修改. 兼容性: IE8.0+, Chrome[最佳], Firefox, Safari.(IE8 未详细测试,估计问题不大,但一些CSS3的效果就不要想了,如圆角.动画什么的) 本框架不适用于需要兼容IE6.7的开发者或使用者. PS. 未考虑兼容IE6和IE7,一是因为Bootstrap3.2

  • jQuery前端框架easyui使用Dialog时bug处理 2014-12-28

    本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下 最近一直都在用easyui前端框架来开发设计UI,但在使用Dialog时,发现如果页面内容比较多,就会出现问题,首先看一下我的原代码: <input type="button" value="确认预约" id="btnconfirm" oncl

  • Twitter Bootstrap:前端框架利器 2015-02-26

    Web前端开发者每天都与HTML.CSS.JavaScript打交道,然而不少人都是周而复始地写模板.样式和交互效果,并没有想过如何将这些重复的工作整合在一起.Twitter推出的Bootstrap能够帮助Web前端开发者摆脱这种重复劳动. Bootstrap的历史 为了应对复杂的需求,早期的Twitter前端工程师在开发网站时几乎采用了所有自己熟悉的前端库.造成了网站维护困难.扩展性不强.开发成本高等问题.此时BootStrap被提上了日程.Twitter要求前端工程师完全依靠这一单一框架进行

  • 响应式的前端框架 - Groundwork 2013-02-22

    日期:2013-2-19 来源:GBin1.com 前面我们介绍过了很多响应式的前端框架,例如,Responsive Boilerplate,Centurion等等,在这篇文章中我们将再介绍一个响应式的前端框架 - groundwork. Groundwork是另外一个超棒的响应式前端框架,使用SASS和Compass并且提供了一个高级的响应式布局. 拥有了一个灵活的,流动式的镶套grid系统,可以帮助你设计任何类型的布局.这个框架包含了很多UI的组件,例如,tabs,按钮,导航,图标等等 拥有

  • 20个优秀的前端框架 2013-02-26

    1. Twitter BootStrap (Apache v2.0:响应式) 时髦.直观并且强大的前端框架,让Web开发变得更加容易. 2. Foundation (MIT:响应式) 最先进的响应式前端框架. 3. 960gs(GPL&MIT:响应式) 960gs提供了一个简单的网格系统,适合快速开发. 4. Skeleton(MIT:响应式) 非常漂亮的Web模板,适合响应式.移动友好的开发. 5. 99lime HTML KickStart(Free) 适合网站快速开发的极简HTML构建模块

  • web前端框架 2013-03-11

    Twitter BootStrap是一款优秀的前端的框架,称得上是前端的一个框架利器.Web前端开发者每天都在与HTML.CSS.JavaScript打交道,然而不少人都是在周而复始的写模板.样式和交互效果,前没有想过如何将这些重复的工作整合在一起.Twitter推出的BootStrap能够帮助Web前端开发者摆脱这种重复的劳动. 最近在各群讨论BootStrap相关的话题也明显增多,有很多Web前端人员在开始或者已接触.并在使用BootStrap.为了能帮助大家更好的学习和使用Bootstra

  • 响应式 Web 前端框架 GetUIkit 2013-08-25

    GetUIkit 网站 : http://www.getuikit.net/ UIkit 是 YOOtheme 团队开发的一款轻量级.模块化的前端框架,可快速构建强大的前端web界面. UIKit 基于LESS,具有体积小.模块化.可轻松地自定义主题及响应式设计,可在多种环境中使用等特点. UIKit 提供了超过 30 个模块化并可扩展的组件,它可以彼此结合.组件根据自己的用途和功能分为不同的隔层. UIkit 中文网 为广大国内开发者提供详尽的中文文档.代码实例等,帮助开发者快速掌握并使用这一

  • 腾讯移动Web前端框架 Pro 2014-09-17

    Pro 网站 : https://github.com/AlloyTeam/Pro Pro 是腾讯移动Web前端框架. 主要特性 仅支持移动端 高性能 支持 Accessibility 支持自定义构建 截图 示例 扫描二维码,或者访问 http://url.cn/NDKvRr. 基础模板 复制一下 HTML,然后查看 Pro 文档: <!DOCTYPE html><html><head> <meta charset='utf-8'> <title>

  • JS前端框架关于重构的失败经验分享 2015-02-13

    关于重构JS前端框架的失败经验接下来与大家分享一下,感兴趣的你可不要错过了哈,毕竟是经验之谈哈 好了开始吧 重构这个其实也不是什么大动作,主要要实现的功能嘛,就是把现有的JS代码重新划分一下,解耦现有模块.然后我打算把现有的程序划分一下模块然后重新打包做一个命名空间实现use或者类似于java的Package的东西.那么我只要加载一个use的js文件调用这个文件的use函数,通过设置某些参数,我可以动态地加载所需要的模块.这个是最完美的想法(那时我很傻很天真).好的,噩梦开始了. 前提,我低估了

  • 2015前端框架何去何从 2015-03-02

    这篇文章将从 AngularJS ReactJS Polymer 这几个流行的框架入手,分析前端框架在这几年发展中的关键技术点,作为2015前端技术选型的参考.摘要: 初体验 技术特点 组件化 应用架构 总结 1. 初体验 拿TODO来作为引子好了. Angular 的实现 React的实现(非flux架构) Polymer的实现 三者共同对比 在Angular中有controller和component的概念是分离的,而react和polymer中只有component的概念. 实际上三者在最