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

2016年05月26日 源自:大神部落

近日,HTML5梦工厂使用云适配开源HTML5跨屏前端框架AmazeUI对自身网站进行了重新开发。开发完成的新网站,用户无论通过任何终端访问,网站内容都能保持实时同步,并能以最佳的展现方式呈现出来。

 1 

H5梦工厂官网在PC和移动端的展示 

HTML5梦工场是中国最有影响力的技术社区团队,由国内最早一批HTML5探索者和狂热拥护者发起,为广大开发者搭建一个开放、自由的互动交流平台,旨在推动HTML5在中国的应用与普及。目前,旗下的品牌活动已覆盖了近10万互联网和移动互联网行业的从业者和爱好者。

 此次,为了更好的将品牌和活动内容呈现给广大用户,HTML5梦工厂决定优化官网,用HTML5技术实现网页在各类终端的适配。经过考察,梦工厂采用了云适配推出的跨屏前端框架Amaze UI,一方面,作为H5梦工厂,一方面它可以适应几乎所有设备的屏幕,并使用户可以与网站一直保持联系; 还可以让其通过单一的URL地址收集所有的社交分享链接,并且节约大量的网站维护人工成本。

 开发响应式网站已经成为新建网站的趋势,而HTML5技术无疑是最佳选择,但目前,HTML5前端开发技术并未全面成熟,因为实际在开发过程中仍然会面临不少困难。Amaze UI作为国内最大的HTML5前端开源框架,可以为开发者提供了包含25个CSS组件、27个JS组件,更有21款包含近60个主题的Web组件,使开发者不需要再花费时间精力去编写日历等的代码,便可以直接引用组件,为企业快速构建出与原生APP相媲美的专属移动端的HTML5应用。Amaze UI 在本次H5梦工场的改版过程中就体现出了非常明显的优势:

1、 开发时间缩短90%

一般使用传统的切图工艺做响应式网站,首页开发周期就要至少30个小时。选用AmazeUI后,整站12个单页只用时30个小时,大大节约了开发时间,一方面是AmazeUI的框架排版,响应性能得到优化; 另一方面,梦工厂网站很多重复使用的框架组件,但这些组件在尺寸和部分风格又有一点诧异,采用AmazeUI的组件后,将大幅减少了这些组件的开发时间。

2、 渲染优化,打开网页速度提升10%

AmazeUI在css渲染上就已经做了优化。经过压缩处理后,单页打开速度比以前网站的速度提升10%;

3、 中文支持,排版效率提升300%

AmazeUI组件设计更贴近于中文网站的布局习惯

AmazeUI强大的帮助和技术支持系统更利于程序员的入手和习惯

AmazeUI的布局和排版设计,对响应式网站排版提升至少300%的速度

据了解,Amaze UI推崇“一切皆组件”的组件化理念,目前它提供包含专门针对跨屏HTML5网页开发的Amaze UI Web以及针对移动端的HTML5混合应用开发框架AmazeUI Touch,在全球权威的代码托管平台上,Amaze UI的Star数量超过7000,并荣获Github最受欢迎前端工具TOP10。

扫一扫

关注大神部落

长按二维码

关注大神部落

地址:深圳市龙华新区东环一路天汇大厦B座520室

电话:13530491906

Copyright © 2014 - 2019 大神部落 & 版权所有

粤ICP备15047144号