2012年4月4日 星期三

HTML5新嘗試 -- canvas標籤(1)

在瀏覽器(Browser)戰國亂世的時代,開發一個新的web平台,程式師們已經不用再擔心例如說IE6 IE8對於新的CSS3和HTML5不相容等等的問題了,因為你不相容還有別人會搶著相容喲~(有沒有很像邪惡的老闆們的「反正你不做還有別人搶著做」XD)。



對於專案,我們一向寧願先求有再求好,你可以選擇死都不用Windows靠自己一路劈荊斬棘,也可以為了和IE相容多去刻出另一套全都相容的程式碼,很強很勇猛。但是與此同時你的對手早就藉由更快速的懶人開發把東西先做出來先上市,可能很不完美充滿缺陷,但是反正有很多的時間可以讓你一版一版去改到完美無缺的一天為止。

我想說的是,專注在新技術上,請放棄IE9以下的版本吧,那些都是浪費你寶貴生產力的阻礙。

並且,開心地去擁抱HTML5!HTML5 rocks!

HTML5到底有多麼rock可以詳參這個網站─HTML5rocks,Google大神不遺餘力地推廣這個新的技術,你可以在這其中看到HTML5對於影音的支持度是直接躍上天際的進步中,這裡面還有一個很棒的投影片做了非常詳細完整的presentation。

你可以在這個純粹HTML/CSS/javascript做的投影片用方向鍵← →來操控

還有更多的選項,甚至可以切換2D和3D顯示模式,全都是HTML5的功能炫耀。

例如,你可以輸入一個值,在你離線好幾天以後回來這個投影片還記得喔你可以試試。

或者用拖拉的方式把小人圖拉進框框裡,右邊框框展示它的原始碼。
玩玩這個投影片,或者按s去看它的原始碼,你會很快明白HTML5有多麼powerful和多麼rock。

在這裡頭,HTML5最具威力的tag無疑就屬<canvas>,在<canvas></canvas>之間,你可以利用javascript去做很多的事情,例如繪圖。而可以繪圖就代表你甚至可以在這裡面做遊戲或更多!這代表了,只要某個裝置可以上網,使用者就可以看見那個圖,也可以玩那個遊戲,完全不需要做更多的努力去更改介面,因為我們共通的介面都是瀏覽器。過去你可以說java是跨平台的語言,然而其實是因為隨著java語言的強壯起來,幾乎所有的電腦都偷偷的很快速的在幾乎讓你想不起來什麼時候裝上了JVM,java才可以在上面運作,即便如此,那還是「下載了」something,然而有了<canvas>往後再也不用了,所以說它有多具威力可想而知。

是的,請讓一切從捨棄IE和<!DOCTYPE html>[1]開始吧


[1]<!DOCTYPE html>是HTML5的新宣告方式,不需再打一大串字碼,非常簡潔。

下篇:HTML5新嘗試 -- canvas標籤(2)

April 4th, 2012
shesee@Taipei

沒有留言:

張貼留言