开发时间缩短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。

时间: 2024-12-12 11:58:29

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

7 个 Bootstrap 在线编辑器用于快速开发响应式网站

Bootstrap 已经使响应式网站开发变得简单很多. 但是如果你不必手动写全部代码,事情会如何呢? 如果你可以自由地选择你想要使用的Bootstrap 组件.并可以把它们拖拽到画布中,事情会如何呢? 这就是Bootstrap 编辑器的用武之地. Bootstrap 编辑器和生成器使得画界面原型.测试.搭建响应式网站变得简单. 尽管每一个编辑器都不同,但是它们都利用Bootstrap 庞大的组件库实现了拖入和移除组件功能. 在这篇文章中,我们总结了一些目前市场上最好的 Bootstrap 编辑器

做一个响应式网站需要多长时间

以传统的响应式建站模式来讲,做一个响应式网站需要的时间是很长的.抛开页面设计和模块的结合,光是网站的结构和网站布局就需要花费很长时间.还没计算建站前的准备工作,网站的策划等等.所以一般让企业对响应式网站望而止步的因素不单单是建站的费用,还有就是建站的时间过长,让网站的上线收到延迟,没有办法能够抢在黄金时间上线.那做一个响应式网站要多久呢?一般以企业展示型网站来统计,找建站公司来搭建大概需要3-6个月时间,如果是自己找开发团队时间大概要2-3个月时间.所以企业对于响应式网站既是爱,又是狠. 有什么

了解Bootstrap和开发响应式网站

什么是Bootstrap? Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成.Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目. [1]. 简单来说Bootst

使用Bootstrap 3开发响应式网站实践04,使用Panels展示内容

在Bootstrap页面中,通常用Panels来展示主要功能的内容.该部分Html为: <div class="row" id="featureHeading"> <div class="col-md-12"> <h2>更多信息</h2> <p class="lead"> 广州恒大淘宝队的官方网站和微博同时发布了几张海报,预热本周三晚8点即将到来的亚冠1/4决赛第二回

H5响应式网站更利于SEO优化

H5响应式网站的SEO优化的效果更好!你知道吗?而且H5响应式网站的搭建也很方便,无论是企业还是个人都可直接借助H5自助建站系统轻松完成网站的搭建,可以实现智能适应各类屏幕,最重要的是其SEO优化收录排名效果很好,小编就在这里给大家简单介绍一下. 1.H5响应式网站加载快 响应式网站在加载图片时,能自动识别智能终端图片,根据浏览设备做到自动加载响应图片.平均节省图片流量80%以上,下载速度更是可以提高5倍以上,网络响应高速,搜索引擎更喜欢. 2.兼容所有上网设备,统一管理 H5响应式网站可以兼容

如何利用H5响应式建站系统做响应式网站

响应式网站成为了企业建站的首选目标,是什么因素导致的呢?我想更多是因为响应式网站的强大展示方式,多元素.多样化.多功能的形态,让网站"活了"起来,还有能够一个网站便能适应所有屏幕设备,不再需要为每一个不一样的设备制定一个特定版本的网站,省去了建站,优化.管理的麻烦.让你更好的统筹管理一个网站,便能在不同设备平台上得到相同的效果. 说起响应式网站,很多人会疑惑.那么好的类型网站,建设起来费用是不是要很高?建设时间是不是很长?错!错!错!其实如果在较早直接做一个响应式网站是要花费高额的开发

使用Bootstrap 3开发响应式网站实践06,使用ListGroup、Thumbnails展示内容

□ ListGroup展示内容 当希望把同类型的内容以列表.区块展示的时候,ListGroup是不错的选择. <div class="col-sm-6"> <h3>马云为恒大生死战开出男人奖 </h3> <p> 8月27日晚,广州恒大将迎来亚冠联赛生死战,主场迎战西悉尼流浪者队,由于一周之前已经在客场0-1负于对手,本场比赛恒大队必须置死地而后生在主场净胜对手两球.就在今天中午,前不久入主恒大的阿里巴巴老板马云来到球队,在鼓励球员的同时开

使用Bootstrap 3开发响应式网站实践05,使用Tab、Modal、Form展示内容,使用Popover、Tooltip展示提示信息

本篇体验用Tab插件显示内容.Html部分为: <div class="row" id="moreInfo"> <div class="col-sm-6"> <h3>兰帕德宣布退出英格兰队</h3> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="a

使用Bootstrap 3开发响应式网站实践03,轮播下方的内容排版

通常把一些重要信息.需要重点标注的信息放在轮播的下方显示,这部分区域用到了大字体的标题.副标题以及段落文字等. <div class="row" id="bigCallout"> <div class="col-md-12"> <div class="well"> <div class="page-header"> <h1>梅西升腾小宇宙<s