近日,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。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。