2011年HTML5的六大趨勢

發表於2011-12-09

導讀:HTML5無疑是2011年度最耀眼的技術明星,它的威力使一些論者認為Flash、Silverlight和Win32這三大曾經的主流開發平臺都進入了垂死期,它也將主導Web與原生應用(Native App)的未來走向,甚至對各移動作業系統和Apple、Google、Facebook、Amazon等幾大平臺公司的此消彼長也會產生深遠影響。

ReadWriteWeb的年度回顧系列文章當然也少不了HTML5的身影,Dan Rowinski撰文比較全面地總結了HTML5的六大趨勢,也是目前Web開發不錯的趨勢總結。

HTML5正在徹底改變技術人員開發Web應用的方式。無論是在桌面還是移動,這個未來的語言和標準都已經不再遙遠。移動領域最熱門的爭議——“Web應用還是原生應用?”將隨著HTML5的發展變得無關緊要。

2011年,HTML5都發生了哪些事情?我們一起來看看。

1. 移動優先

ReadWriteWeb已經將“2012最具潛力公司”稱號授予了appMobi,一家HTML5創業公司,重點放在移動優先開發。事實上,隨著手機和平板裝置的爆炸性增長,移動優先已經成為開發社群的大趨勢。

今年,我們看到了許多大公司開始移動優先的專案。《金融時報》將其iPad應用從Apple的App Store中撤下,只開發Web應用,結果取得了不錯的效果。不少遊戲開發者也開始轉向移動Web開發。

新的一年,首先開發移動Web的趨勢將會持續。其實,使用者並不關心應用是用什麼技術寫的,只要好用就行。Web應用和原生應用的界線將變得模糊。

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一文,第一次提出了響應式設計的理念,即讓內容能自動適應任何螢幕大小。(推薦閱讀:《什麼是響應式Web設計?》)

波士頓環球的網站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年將有更大發展。

2011年HTML5的六大趨勢

HTML5移動應用架構圖

總結

HTML5 的其他功能包括表單和許多新標準還將快速演進。隨著標準化工作的進行,HTML5可能最後還是會變回為HTML。HTML5的領導廠商包括Sencha, Adobe, Appcelerator, appMobi以及Facebook, Amazon和Google等巨頭。

對於開發者來說,無論你是開發Brightcove那樣的新型視訊渲染,還是SoundCloud那樣酷的HTML5音訊實現,這都是一個令人興奮的時代。從桌面到移動Web,HTML5正在使Web真正的殺手級應用——瀏覽器成為創新的中心。

相關文章