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

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

 

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。