轉自:http://blog.indecplus.com/?p=8513
HTML5，這個由HTML、CSS3、JavaScript所組合而成的新網路標準，用了不到兩年的時間就讓flash這個老大哥嚐到了挫敗，也開始不得不正視HTML5，編輯或是轉換HTML5的套件紛紛出籠，為的就是不想在這個市場上缺席。
HTML5的興起可謂自助天助，HTML本身的架構就是建立在原本的HTML上，所以他不用像Flash或是Silverlight一樣要再額外裝player，在效能上相對的就會比較好，也不用再額外學新的語法，算是無痛的銜接；天助則是apple在手機以及平板的崛起，iphone、ipad堅持不支援flash的策略讓HTML5有了可以發揮的舞台，加上iphone、ipad的高銷售量，也讓HTML5有了一定的市占率和使用者、開發者。越來越多的使用者和開發者意味著越來越多的應用被實現出來，Flash會逐漸成為網路的霸主就是因為它的高互動性以及高市占率，人們可以用flash實現想要的效果，也有人會開發新的應用或是擴充套件，但是現在這個情況也發生在HTML5上，HTML5的市占率也讓越來越多人開發出和flash相同的互動操作以及應用，以前在html很難實現的拖、拉、放動作或是使用者與介面的高度互動，現在在HTML5都已經可以被實現了。
現在HTML5和flash最大的差距應該就是編輯軟體的使用介面和瀏覽器的相容性還有動畫上，這幾點flash目前可以說是大勝的狀態，不過編輯部分adobe在8月發佈了HTML5的編輯軟體—Adobe Edge，雖然只是公測版本而且功能上有點不完整，不過完整支援應該是遲早的事；瀏覽器的相容性在經過更新後也很少發生不支援的情況，唯一較麻煩的就是各個瀏覽器支援的程度都不同，造成使用者在不同的瀏覽器看到的畫面或效果有些許的差異；動畫上目前還是flash的強項，HTML5相對的薄弱。以下介紹幾個以HTML5做出的效果，在網頁的表現上真的是已經跟flash平起平坐了。
1.動態的滑鼠影像似乎是flash的專利，不過現在看看HTML5能做出什麼效果吧，華麗又複雜的效果似乎是程式編輯的強項，也有一些設定可做不同的變化。
2.拖放這個動作應該是很多人寫html時的痛，但是在HTML5上也是不成問題。
3.縮放、旋轉、輸出照片現在在HTML5也是已被實現出來的效果。
4.HTML5也可以做出這種全頁式的動畫效果，而且搜尋bar還是可以搜尋，雖然跟flash的視覺效果還是有差距，不過至少有第一步了。
5.另外一種互動的效果，像撥弦般的聲音互動。
6.這個是練習打字遊戲的頁面，聲光效果已經不輸flash了，最後也是可以有統計分數。
7.像軟體操作介面般的網頁也是可以做到，裁切、畫圖、拖拉、選單，跟之前用flash所寫的已經相差無幾。
看完以上的幾個範例，HTML5真的有取代flash在網頁、行動架構的本錢，不過flash在動畫、互動所打下的基礎似乎還能讓它繼續生存下去。
設計概論 (1)