2012年HTML5的5个趋势

标签: 推荐阅读 | 发表时间:2013-04-15 09:17 | 作者:P迪
出处:http://www.alibuybuy.com

在2011年底,移动业界认为HTML5处于普及的风口浪尖,认为每个开发者都会用HTML5开发应用和移动站点,并最终出现基于HTML5的且被众人接受的操作系统,HTML5会成为主流的开发技术,取代苹果应用商店和安卓谷歌商店中的所有原生程序。

但事实上,2012年HTML在开发者接受程度方面似乎是后退了一步。

Facebook转向原生代码方式,苹果摸索HTML5

Facebook一直是HTML5的提倡者,在IOS和安卓平台上的所谓原生应用其实是网站,尽管包装的像个原生程序。然而, Facebook终于认识到这个应用的性能表现并非最优,当然,直接包装m.facebook.com站点可以每天多次更新使开发周期更加高效,但实际上这么做导致软件运行缓慢、bug频出,用户抱怨不断,对该应用评价不高。

2012年, Facebook决定加以改变. 8月, 发布了原生代码方式编写的IOS平台应用,性能得到改善。前不久,12月份,Facebook以原生方式重写了在安卓平台上的应用。

Facebook及其“黑客文化”,不管你喜欢与否,都是移动开发者心目中的灯塔。如果Facebook应为性能原因而转向原生开发方式,其他人也会跟随这家拥有10亿用户,超过移动领域半壁江山的公司的脚印。

苹果公司对2012年HTML5的后挫也颇有不满,由于会导致混合应用或WEB应用的性能低于yuanshengchengxuIPhone设计者限制了UIWebView在Safari浏览器中的应用。苹果应用商店是其用户购买IPAD或IPhone的一个主要原因,因此苹果有理由限制HTML5功能和基于WEB的应用。WEB应用占据应用商店,在几个方面,都危及苹果的底线。

混搭式开发出场

尽管Facebook转向原生开发方式,但越来越多的开发者在他们的应用中至少用到了些HTML5,例如:2012年新发布的LinkedIn应用几乎完全基于HTML5和Node.js, 只用约5%代码量的原生代码包装了下

根据 Appcelerator和IDC在第四季度针对移动开发者的调查,大约63%的移动开发者对用HTML5开发应用“非常有兴趣”,许多开发者用HTML5开发他们半数以上的应用,很多应用包含了某种形式的Webview(比如,请比较社交新闻阅读器Zite在浏览器中和应用中的两种阅读方式),随着应用的经济效益爆发,为提高效率,降低总体开发成本,成千上万的移动应用采取了混搭包裹模式。

采用混搭开发的一个原因是:对很多公司,寻找精于HTML/CSS的开发者比寻找熟悉用C、Objective-C等语言开发复杂的原生应用的开发者要容易。用HTML编码,然后用原生代码包装,可以更有效地利用开发人员,还可以一次适应多种设备。

应对硬件的问题

HTML5移动web应用和原生应用的最大区别在于各种原生方式可以简单快速地访问手机的硬件特征,这意味即使简单如时钟、陀螺仪、存储器、相机和电源管理的一些函数,在纯净的HTML5应用中实现相当困难。在以前解决这个问题有两种方式,一是用类似于PhoneGap 或 Brightcove’s App Cloud的服务方式,另一种就是对Web应用进行原生包装(象Facebook那样)。

各个公司开始破解HTML5的硬件难题,Mozilla 携Firefox OS冲在最前线,并期望能在2013年某个时间退出Firefox OS手机。Mozilla 建立Web API使它的基于浏览器的HTML5移动操作系统和类似于电源管理、相机等硬件组件紧密结合起来。 Sencha和appMobi也在建立连接硬件设备的API。 但到现在为止,2012年这方面的进展并不像很多人期望的那么迅猛。

响应式设计的革命

响应式设计在2012年崭露头角,响应式设计基于包含HTML5和CSS的一些列WEB设计技术,可以自动缩放窗口适应特点屏幕,从而使站点适应不同屏幕尺寸。其目标就是一套网站代码适应不同设备,不用为每个设备或移动操作系统开发独立的网站。

以ReadWrite为例,今年10月我们上线的新版网站就完全是响应式的,测试一下吧,放大或缩小浏览器窗口可以看到内容响应变化,或进行浏览器视图缩放可看到同样效果,在移动设备上也是这样,用手机阅读本文,站点完美适应屏幕大小,在平板电脑上,不管纵向或者横向浏览,内容都能自动适应屏幕模式。

伴随着我们的响应式设计的改版推出( 以及紧随其后的从ReadWriteWeb到ReadWrite的更名),我们抛弃了本地应用程序在iOS和Android的应用程序形式,转向于更简单,更容易更新的移动web站点形式。
不光是我们,  BostonGlobe.com在2011年就推出了响应式设计的站点,About.com到现在更是完全的响应式设计。纽约时报也建成了响应式站点,其他大公司如微软和苹果也在他们的网站上使用响应式设计。

领跑者在改变

2011年,我们说过, 是移动领域的游戏开发者在领跑HTML5的发展。在当时,这句话似乎正确。然而,游戏开发者对HTML5兴趣大减,并不将它视为一个默认的平台选择。诚然,还有 appMobi这样的公司推游戏厂商转向HTML5,但2012年大部分最好的游戏还是基于原生代码构建。
在一定程度上,就采用HTML5来说,媒体和新闻机构是当前的领跑者。那些以内容为中心的业务更易于用以web为中心的视角看待世界。通过这样做,他们可以免除向苹果的App Store交纳30%的收费,并可以针对移动设备优化内容。虽然这种去想并不精确说明HTML5的发展,但当前技术库的演变使这些媒体公司更容易实现这一目标。
在2012年,Facebook曾被看作是典型的HTML5开发的领导者,然而,随着其在iOS和Android平台上转向原生方式,他完全放弃了这个社区角色。所以,喜欢Mozilla的开源开发人员的作为现在的领跑者冲锋在前,将在可预见的未来推动HTML5发展。

感谢 Shutterstock提供图像。

 


© 推荐 for 互联网的那点事, 2013. |

相关 [html5 趋势] 推荐:

2012年HTML5的5个趋势

- - 互联网的那点事
在2011年底,移动业界认为HTML5处于普及的风口浪尖,认为每个开发者都会用HTML5开发应用和移动站点,并最终出现基于HTML5的且被众人接受的操作系统,HTML5会成为主流的开发技术,取代苹果应用商店和安卓谷歌商店中的所有原生程序. 但事实上,2012年HTML在开发者接受程度方面似乎是后退了一步.

HTML5未来发展的六大趋势

- 1625 - 互联网的那点事
HTML 5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台. 在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用. 而随着HTML 5标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与HTML 5有关的东西,那么,HTML 5未来的发展趋势到底是什么.

无需继续神话HTML5,技术趋势是必然

- - HTML5研究小组
2012年,随着智能手机在全球市场地位的逐步提升,HTML5技术的需求与优势日趋明显. 来自国外媒体的报告显示,今年三季度,世界范围内HTML5开发岗位数量猛增44%,增速超过了iOS和Android. 国内外越来越多的企业及个人看到了HTML5的发展前景,可以说已经成为了互联网发展的必然趋势,将在2013年引跑市场.

HTML5游戏——只是趋势 未到爆点

- - 博客园_新闻
HTML5 游戏是一个趋势,对现状而言,这仅是一个趋势. 规则简单、进程快、时间短,成为 HTML5 游戏被迅速认可的主要原因. 通过社交网络的分享,获取更广泛的传播,产品变成商业的逻辑正源于此. 在资本市场的推波助澜后,留下的只有 HTML5 游戏从业者的迷惑——何时才是爆发点. 基于 HTML5 技术开发的《围住神经猫》在微信朋友圈疯狂转发的时候,从业者似乎看到了已故苹果 CEO 乔布斯所指引的方向已经到来——“没有人愿意使用 Flash,全球已经开始步入 HTML5 时代”.

[趋势方向]BI报告:HTML5将在3-5年彻底取代移动应用![英文]

- - TechFrom科技源
TechFrom科技源 1.10日,后PC时代的应用和HTML5之争,双方观点目前都在争论. Apps ,native apps ,都是指移动应用为代表的应用,类似于PC电脑时代的本地应用程序;. 请阅读 [超级火爆]未来趋势大争论:应用 vs 网络,谁是未来?[全面详解]和 [跨世纪激辩]:网络Web Internet已死?还是应用App Internet 将死?[英],了解清楚基础内容.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.