HTML5离我们不远

类似「学习HTML5的10个顶级资源」「25个让人惊叹的HTML应用试验」这样翻译过来的文章很受欢迎,其中的那10个和25个并不一定是精挑细选的料,只是因为硬凑出这样的标题对SEO很有帮助。大多数这样的文章介绍的是国外的一些HTML5的试验或者应用,包括了早期标准的介绍和讨论,一些HTML5 api应用的展示,近阶段比较丰富的HTML5库和框架的推广,让人有很多想在各种项目中尝试HTML5的冲动,很少看到有国内的公司有这样的技术分享,移动应用「还有被很多人用烂了概念的Cloud App」不断涌现,通常情况下HTML5的应用基本是在mobile app上,并且是以web view出现在native app中,很少只用HTML5完成的成功案例,这里有一篇专门讨论Native vs HTML5的对比:

HTML5 vs Native: The Mobile App Debate

其中有一部分原因是HTML5的技术门槛对比移动平台native开发低一些,另外在主流移动设备上的浏览器对HTML5支持得很不错,请看这个简单的移动设备对HTML5的兼容情况:

这里有一份更为详细的支持介绍:Mobile – Table of contents

还有一种情况是用HTML5做出来的web app可以很轻松地兼容iOS和Android,有一篇很有趣的文章:「Launch: Basecamp Mobile」,介绍的是37signals 发布他们的Basecamp Mobile App,其中有一段说起初他们只开发了iOS的app,后来Android的用户越来越多了,他们开始考虑如何去满足这些用户(不想再专门招一个Android的开发工程师),最后是他们选择了只做web app,这样不仅仅Android,在其他平台下都可以兼顾。

不过在除了mobile app之外的其他HTML5应用,比如HTML5游戏,看过不少案例,真正出现在用户面前的数量有限,更不用考虑如何用他们去盈利。总的来说是HTML5更适合于移动应用的开发。

在国内比较让人无奈的是IE占了份额实在是太高了,我们用HTML5做出来的很多应用没有机会让他们只用浏览器使用到,这里说“只用”是因为这多公司的产品里已经直接内嵌了webkit这样的浏览器核心,比如某公司的“急速浏览器”就可以快速切换的ie内核和webkit内核,还有一些是客户端里直接嵌入一个“浏览器”,用户所看到的界面都是用HTML完成,因为他们所使用的浏览器内核都是比较高级的,所以可以比较轻松地完成一些原生客户端的使用体验,比如文字阴影,比较复杂的动画,Websocket的应用等等,这样来做一个产品的原因可能和37signal类似,你只需要完成一个客户端的壳,然后请一些经验丰富的HTML5 web开发来完成界面和数据交互,投入的成本相对少一些,以后如果你还想在其他平台下下开发类似的产品移植成本也比较低;其次从人才的培养上来讲,这些HTML5 developer也可以快速地帮你完成一个mobile app,如果需要的时候,唯一让人担心的是用js来完成一些客户端体验的操作,太考验web developer的功力了。

也许在中国比较成功的HTML5应用案例除了移动应用之外(还有某云公司的Cloud App)就是这样了,其实这样的产品是不少的,比较典型的比如我们的客户端产品豌豆荚,就是使用HTML5来完成大部分的事情,最近的内测版本(即将正式发布)非常简洁好用,就连我们的Android app也是很多功能是内嵌web view来完成的。回想两年前我还在钻研如何去兼容IE6,如何记住那些该死的hack,现在转投HTML5对我来说实在是一次全新的体验,特别是有了一些传统互联网经验的有志前端,尤其要去考虑自己的规划,虽说不能盲目跟风(这里的风是说移动应用才是未来),但是适时地走出去还是挺值得去尝试的,也许外面的世界更精彩,套用老乔的一句话,你是想一辈子兼容IE6,还是想改变世界。

插播一下,我们的design team渴求更多对HTML5实践有很强欲望的Front-end Developer(在这里你更像一个Designer,请联系zjtian711(at)gmail.com),HTML5 rocks。

我订阅了很多介绍HTML5的博客,假装自己对这些很关注,其实有时候只是大概扫一眼就过去了,很多人会更关心哪些八卦(譬如又出什么api了,某某公司做了很让人惊叹的产品之类),我也是,但是我更加关心如何让这些可能改变产品体验的技术得到实践,而不仅仅是把doctype改更短。

其实有的时候我们误会了不需要兼容那些低级浏览器意味着做移动应用可以不需要那么深入的研究,恰恰相反的是,想用HTML5来做原生系统的体验(或者更好地呈现产品体验),对开发者来说更是一门艺术,反反复复的经验积累和不断地实践才知道路有多深。

 

Published by

Z.J.T

Product Designer from Wandou Labs

  • kim

    果然是做前端的 喜欢简介 连主题都是 Modernist

    • http://fordifferent.com Z.J.T

      其实这个主题的sidebar被我加了点复杂的东西,现在已经没那么简洁了

  • http://www.swordair.com 葵中剑

    看来你日子过的挺滋润。HTML5和native各有所长,前端时间论坛里还有人争的面红耳赤,该用啥用啥,没有最牛逼只有最适合。