2011 HTML5的六大趋势

来源: 发布时间:2011-12-07 点击数:

导读:HTML5无疑是2011年度最耀眼的技术明星,它的威力使一些论者认为Flash、Silverlight和Win32这三大曾经的主流开发平台都进入了垂死期,它也将主导Web与原生应用(Native App)的未来走向,甚至对各移动操作系统和Apple、Google、Facebook、Amazon等几大平台公司的此消彼长也会产生深远影响

ReadWriteWeb的年度回顾系列文章当然也少不了HTML5的身影,Dan Rowinski撰文比较全面地总结了HTML5的六大趋势,也是目前Web开发不错的趋势总结。CSDN编译如下(文中链接多指向ReadWriteWeb网站的英文文章):

 HTML5正在彻底改变技术人员开发Web应用的方式。无论是在桌面还是移动,这个未来的语言和标准都已经不再遥远。移动领域最热门的争议——“Web应用还是原生应用?”将随着HTML5的发展变得无关紧要。

2011年,HTML5都发生了哪些事情?我们一起来看看。

1. 移动优先

ReadWriteWeb已经将“2012最具潜力公司”称号授予了appMobi,一家HTML5创业公司,重点放在移动优先开发。事实上,随着手机和平板设备的爆炸性增长,移动优先已经成为开发社区的大趋势。

今年,我们看到了许多大公司开始移动优先的项目。《金融时报》将其iPad应用从Apple的App Store中撤下,只开发Web应用,结果取得了不错的效果。不少游戏开发者也开始转向移动Web开发。

新的一年,首先开发移动Web的趋势将会持续。其实,用户并不关心应用是用什么技术写的,只要好用就行。Web应用和原生应用的界线将变得模糊。

CSDN译注:Mobile First(移动优先)的口号最初是由Yahoo前首席设计架构师Luke Wroblewski提出的,已经获得了业界的广泛反响。他提倡产品研发团队首先针对移动设备设计,这不仅是因为移动设备现在数量庞大而且在飞速增长,而且因为移动设备的限制能迫使我们改变旧习惯,先做减法,更关注产品最本质、最重要的方面,同时更多地注意性能和使用场景,反而最后会得到更出色的用户体验。当然,移动设备中丰富的传感器、摄像头等等硬件,也为产品提供了更广阔的空间。

2.游戏开发者率先转向HTML5

游戏开发者转而开发Web版本的动力是显而易见的:他们是使iOS设备更具吸引力的主要因素,可是无论销售收入还是应用内付费收入,却都要给Apple分成30%。HTML5对Facebook这样的游戏平台更是至关重要。想想看吧,如果不借助HTML5和Spartan计划,Facebook怎么能在移动平台上在Apple抽成之后继续成为平台与游戏商分成?

然而,HTML5游戏开发是非常困难的。领先的HTML5游戏开发商Moblyng CEO Stewart Putney 8月时就对ReadWriteWeb说过,你知道用HTML5开发德州扑克有多难吗?

当然,通过PhoneGap和appMobi的XDK等方式将Web开发出来的代码包装为原生应用也是一个方向,Facebook的iOS应用就是这样做的

3. 响应式设计

多种屏幕大小是移动开发的一个难点。为此,Ethan Marcotte在A List Apart上发表了Responsive Web Design一文,第一次提出了响应式设计的理念,即让内容能自动适应任何屏幕大小。

波士顿环球的网站BostonGlobe.com是响应式设计的一个绝佳范例。从网站开发者Filament的采访中可以知道,要做到这一点并非易事,一些基本概念必须从最开始就要考虑到,而如何处理来自第三方的图片和广告,也是头痛的问题。

4. 设备访问

Web应用和原生应用最大的区别之一,就是浏览器内运行的代码传统上无法访问某些硬件设备和底层特性,比如照相机、传感器、日历、联系人等。而HTML5将有望解决这一问题。

5. 离线缓存

在离线的情况下无法使用,也是Web应用的致命局限。而HTML5中的离线缓存将大大改善这一情况。2011年最大规模的离线缓存部署,是Amazon的Kindle云阅读器,能够通过各种浏览器实现本地同步。一旦这一技术成熟并得到广泛运用,原生应用的来日也就不多了——Web应用平滑部署、跨平台的天然优势太大。

Mozilla的Fennec移动浏览器项目中的离线缓存也值得关注。

6.开发工具的成熟

8月时,畅销移动Web图书作者Brian Fling曾经写了一篇非常有价值的文章Anatomy of a HTML5 Mobile App(其中的HTML5移动应用解剖图非常棒,如下),文章最后指出了实际从事HTML5项目时要考虑到的点:

  • 时间因素,HTML5项目可能耗时更多
  • 预算因素,这可不是简单的网站,成本不低
  • 公司里是否有足够的人才?
  • 基本上没什么工具,很多时候都要自己搞定
  • 考虑所有选择,移动世界里没有绝对的对错,勿自设框框,专注客户的需求

其中的工具问题,随着appMobi、Sencha、Appcelerator等厂商(应该还有Adobe、微软?)的加入有所缓解,但与原生应用开发环境相比还远远不够。相信2012年将有更大发展。

HTML5移动应用架构图(点击看大图)

总结

HTML5的其他功能包括表单和许多新标准还将快速演进。随着标准化工作的进行,HTML5可能最后还是会变回为HTML。HTML5的领导厂商包括Sencha, Adobe, Appcelerator, appMobi以及Facebook, Amazon和Google等巨头。

对于开发者来说,无论你是开发Brightcove那样的新型视频渲染,还是SoundCloud那样酷的HTML5音频实现,这都是一个令人兴奋的时代。从桌面到移动Web,HTML5正在使Web真正的杀手级应用——浏览器成为创新的中心。

IDC
域名注册
主机服务
租用托管
数据修复
优化推广
网站建设
解决方案
管理咨询
企业内训
广告设计
技术整合
云主机
ICP备案说明
教育产业
维普点卡
计算机培训
人才外包
服务外包
全程外包
软件研发
Zoomla!逐浪CMS
企业管理软件
三维与仿生应用
软件管理
IT外包
短信接口
社区
江西IDC排行榜
微博
东方红公益
7*24小时服务中心
微信互动
会员
纪念品
发哥的博客
上海站长聚会
软件开发沙龙
宣传视频
用户手册
全站检索
关于我们
公司介绍
发展历程
工作机会
团队介绍
汇款方式
联系我们