iT邦幫忙

DAY 29
8

HTML5試試看系列 第 29

[HTML5試試看-29] 綜合應用

今天實在不想再寫程式XD...所以還是介紹一下網路上可以找到的HTML5應用及資源吧。毆飛
首先,前幾天在ZDNET上面看到一則新聞,根據某些「人士」分析,HTML5可能要到2022年才會成為正式標準,不過也有朋友提到,它應該會在2012年成為Candidate Recommendation...總之,在規格尚未穩定,各瀏覽器的支援度也還不一致之前,雖然酷炫,在許多場合還是得顧及相容性的問題。在這個時候,就要請Mordenizr上場了。這個Javascript Library目前出到1.6版,使用起來也很簡單。他會在Javascript加入一個整體變數叫做Modernizr,利用他的屬性就可以知道某個HTML5/CSS3/SVG等特性是否有支援。例如利用Modernizr.inputtype.email就可以知道email類型的input是否有支援。有支援的話他的值就是true,否則是false。對於CSS3,他會提供一些class,可以在使用時分別區分有支援及無支援時的CSS宣告。

前不久去參加Google DevFest,聽到講者介紹一個不錯的網站:http://www.html5rocks.com/。這個網站致力於HTML5的推廣,除了有講者的用HTML5技術製作的投影片,還有已經分門別類的各式應用及範例,包括一個線上編輯器,讓你可以直接修改程式碼範例,看看他執行的效果。另外就是一堆教學及線上資源的連結,內容非常豐富。

Google是HTML5背後的重要推手,規格書的主要作者目前也在Google任職。Google之前做了一個非常有趣的範例,雖然只能用Google Chrome執行,不過從這個範例可以一瞥HTML5的驚人潛力:http://www.thewildernessdowntown.com/

如果想要測試IE9,微軟在IE9發表會上有一些範例,例如這個:書道。他利用Canvas,讓使用者可以在線上用滑鼠寫書法,筆觸跟墨觸都有做出來,非常有趣。除此之外,IE9的Preview持續在http://ie.microsoft.com/testdrive/網站上發布,同時這裡也有非常多的HTML5應用的範例。

如果是想自己寫一些HTML5的東西,Mozilla開發者中心的HTML5網站也是個不錯的參考。有一些功能,例如Canvas,其實Mozilla的瀏覽器很早就有支援,所以上面的資源相當豐富,可以參考:https://developer.mozilla.org/en/HTML/Canvas

Opera的開發者網站是另一個不能錯過的地方:http://dev.opera.com/,這裡有非常多深入的文章值得參考(不只是HTML5)。除了Javascript的執行速度,在這一系列的測試也可以發現,Opera在許多HTML5的支援上勝出,尤其是Form。另外,例如SharedWorker,Opera的debugger可以深入Worker然後顯示錯誤訊息在console,在Chrome就石沉大海...

其實在Google上用HTML5關鍵字,隨便就可以找到一大堆東西,就看如何發掘囉哈哈

當然,想要開發應用的話,最終極的參考還是規格書。

參賽文章


上一篇
[HTML5試試看-28] 多工 - SharedWorker
下一篇
[HTML5試試看-30] 尾聲
系列文
HTML5試試看30

尚未有邦友留言

立即登入留言