鐵人檔案
花三十天時間，看看「汎」HTML5的技術，有哪些新東西。時間允許的話，也寫一些測試程式來「試試看」。
Canvas的設計，不是只可以使用2d context，還可以使用3d或其他。目前比較有支援而且應該慢慢會成為標準的是WebGL。不過我不熟悉GL，所以只能做A...
嗯嗯，html5提供了details, summary, menu, command這四個標籤，作為使用者互動的UI元件。details可以再點選後提供更詳細資...
HTML5規格，在表單的部份增加了五個標籤，包含datalist, keygen, output, progress及meter。另外，input標籤也新增了許...
HTML5制定了一組通用的屬性及方法，利用這些特性就可以做表單驗證。除了通用的表單元素，一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...
過去在網頁裡面實現drag and drop是很麻煩的，需要配合CSS、onmousedown、onmouseup、setInterval()等，來做出元件拖曳...
HTML5的Drag and Drop中，最有意思的是跟使用者的系統整合！所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。 如果要接收從作業系統來的拖拉事...
HTML5的drag and drop機制，不僅可以接收從其他應用軟體拖曳過來的資料，他其實還可以讀取檔案。讀取檔案，靠的是File API。 還是先看一下Fi...
HTML5為了在不同情境下使用，設計了幾種溝通的方式，包含文件之間溝通的cross-document messaging、channel messaging，還...
根據規格書的解釋，channel messaging與cross-document messaging的差別在於，他提供了一個全雙工的溝通管道，所以理論上不同的...
server sent event基本上是由伺服器端單向送出資料的溝通機制，類似server push。這是一個與http相容的方法，只需要伺服器端送出特定的h...
