Amaze UI让HTML5 Web应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”高调亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。

组件化是Web开发的未来趋势

Web组件化(Web Components)理念,自Google在2013年的I/O大会上提及起,一直都有开发者关注这一开发技术的发展,只是总处于不愠不火的状态。直至去年HTML5规范的正式定稿,Web开发也随之异常火爆,让Web组件化的关注度也随之水涨船高,从今年的HTML5峰会吸引了8000多HTML5的爱好者、开发者来参会就能略见一斑。

据云适配创始人兼CEO陈本峰介绍,组件的技术标准在前端一直都是缺失的,直到Google提出以后,才有了Web Components标准。在此之前,大家都不知道怎么去封装一个组件。Web组件化其实一直都被国外互联网公司看好,因为从软件架构上、开发效率上、代码可维护性上都是一个更好的选择。但因为Web Component标准还未正式定稿,所以Amaze UI 选择Facebook React 作为 Web组件封装标准,并遵循React所推崇的“一切皆组件” 的组件化理念,实现从小到一个按钮,大到一个页面,甚至一个完整App都可以组件化。

Amaze UI是云适配在其开发过程中把积累的包括菜单、轮播图等在内的大量针对手机端的UI控件组件化后开源出来形成的,通过拆分、封装了一些常用的网页组件,开发者只需复制代码便可将这些跨屏组件写入到自己的应用中。在过去的一年里,Amaze UI以开源的形式提供了包含16个 CSS 组件、26个 JS 组件,更有20款包含近 60 个主题的 Web 组件, 此外,针对国内主流浏览器及 App 内置浏览器提供了更好的兼容性支持并接入了更多本土化的因素帮助解决中文排版问题,使开发者不需要再花费时间精力去编写日历等的代码,便可以直接引用组件。

正是因为如此,自2014年8月份正式上线后,Amaze UI就受到了众多前端工程师的喜爱,经历短短的1年的产品迭代,吸引了超过25万开发者的加入,同时,Amaze UI 在 GitHub 上的星级关注突破了5000,基本上是国内开源软件增长最快的一个了。


Amaze UI的下一步计划

讲到Amaze UI的优势,陈本峰认为最大的优势就是积累,第一,云适配在Web Components上积累了很多经验,以及组件数量;第二,云适配积累了对各种设备、浏览器的兼容性和适配性,这点是真的要靠点滴累积的,别人很难去超越。第三,Amaze UI是一个开源框架,这也算是一个优势,就像一个社区,开发者肯定会挑最大的框架使用,因为在使用中遇到问题的话,只要在网上搜索就能找到答案,而选择新框架的话,碰到问题也不容易找到帮助。

从目前互联网的大局势发展来看,PC互联网正在向移动互联网急速地转移,开发者急需能够解决重复繁复的跨屏、适配问题,让PC网站、新建的网站或者移动应用更好地适应移动端的前端开源技术,但限于技术门槛和开源环境的不成熟,市场上解决跨屏适配问题的开源项目却基本上寥寥无几。

开源的HTML5跨屏前端框架Amaze UI恰逢其时。据介绍,除了提供基于HTML5的前端跨屏组件外, Amaze UI 将在后续的开发工作中,还将陆续推出Amaze UI for App、Amaze UI组件市场等更多提高开发效率的工具;同时,随着Amaze UI产品的不断丰富、功能完善及开发者数量急剧增多及相应的需求增多,AmazeUI也将推出社区方式运营,从而与开发建立更高效的沟通渠道,及时获得开发者需求及反馈,从而以更专业的方式来服务开发者。

据悉,Amaze UI for App是一个只针对移动端的版本,它的开发是为了满足多种应用场景,让移动应用开发者们用Amaze UI开发出接近于原生的HTML5移动应用:

1)       开发原生 App,需要快速出代码级别的交互原型。

2)       移动营销快速搭建移动站点

3)       基于BaaS 或者第三方 API,做一个有趣的应用,不需要后端;

4)       Hybrid App,不可能把一个臃肿、低效的响应式的网站打包进 App;

时间: 2024-10-07 17:02:27

Amaze UI让HTML5 Web应用接近原生体验的相关文章

[Amaze UI] 如何推进 mobile first 的前端 Web 方案

背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点.在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境. 由于Amaze UI目前处在内测期,我们希望能尽可能多的收集到优秀的.有建设性的反馈建议和看法,与广大优秀前端开发者共同完善Amaze UI 的功能,推动中国移动跨屏前端技术的发展.(内测地址:http://amazeui.org/landing) 下面提前跟大

样式 bootstrap purecss Amaze UI 推荐

Bootstrap 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成.Bootstrap一经推出后颇受欢迎,

目前几款基于html5的前端框架:如Bootstrap、Foundation、Semantic UI 、Amaze UI

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最

amaze UI 如何添加原生表单验证

这段时间做的一个项目,整个系统就一个页面,然后就是各种模态框,js里拼HTML代码,而且因为表单空留距离小,最后选定了amaze ui原生的表单验证 在amaze ui官网找到 表单验证. 但是amaze的 事例太少了,导致入坑,下面把我的解决方法分享给大家 正常情况下载添加amaze验证很简单,在form 后面添加 data-am-validator form id="doc-vldX" action="" class="am-form" da

Amaze UI 发布基于jQuery新版本v2.0.0之web组件

首先Amaze Ui第一版时我收到邮件邀请去试用,去了官网看了下,是基于zepto.js的一个类似bootstrap的响应式框架,提到框架当然是好事,快速开发呗.这词2.0的弃用zepto.js改用jquery.js从善如流.虽然还与bootstrap方面有些欠缺,但web组件或许是开发移动端的同学带来灵感.毕竟封装好的10个web组件,很吸引人,但还有不少不足,如表单验证插件这些,希望借助社区的力量慢慢完善. 新的东西只有自己研究才能深入,看下源码慢慢学习吧

Amaze UI web mobile 前端框架

目录结构 index.html - 空白 HTML 模板: blog.html - 博客页面模板(预览): landing.html - Landing Page 模板(预览): login.html - 登录界面模板(预览): sidebar.html - 带边栏的文章模板(预览): 在 app.css 中编写 CSS: 在 app.js 中编写 JavaScript: 移动端首选 Zepto,桌面端选 jQuery,这应该是大多数开发者的共识.那对于跨平台的响应式网站呢? Zepto 体积小

云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI

云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商.云适配所采用的技术是一项基于云计算.利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯. 在他们用一行代码做适配的过程中,积累了一套跨屏的前端常用网页组件,而最近,他们想把这套组件开源出来,将这套组件

HTML5前端框架Amaze UI全面开源

近日,国内首个开源 HTML 5 跨屏前端框架 Amaze UI 开放下载体验. Amaze UI 是一个针对 HTML 5 开发的轻量级.模块化.移动优先的跨屏前端框架,通过拆分.封装了一些常用的网页组件,比如轮播图框.文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍. 该框架的特点是 mobilefirst,解决 Web 应用从 PC 向多屏适配的问题,兼容国内主流浏览器和平台,并且专注解决中文排版优化问题,受到不少国内前端开

开发时间缩短90% Amaze UI助H5梦工场响应式网站快速上线

近日,HTML5梦工场使用云适配开源HTML5跨屏前端框架AmazeUI对自身网站进行了重新开发.开发完成的新网站,用户无论通过任何终端访问,网站内容都能保持实时同步,并能以最佳的展现方式呈现出来.   H5梦工场官网在PC和移动端的展示   HTML5梦工场是中国最有影响力的技术社区团队,由国内最早一批HTML5探索者和狂热拥护者发起,为广大开发者搭建一个开放.自由的互动交流平台,旨在推动HTML5在中国的应用与普及.目前,旗下的品牌活动已覆盖了近10万互联网和移动互联网行业的从业者和爱好者.