2009-10-26 45 views
5

HTML 5是HTML新W3C定義,並可能會代表互聯網的方向跑,因爲人們發現,在它的工作的下一個殺手級應用。HTML 5 - 偷偷摸摸的東西

<video>標籤有很多公開的'公共'編碼功能,但我想知道什麼底層編碼技巧到目前爲止,可能是重要的,有用的,有趣的或所有上述。

一些實例我遇到迄今:

控制數據傳送拖和丟棄事件 - 例如:

document.addEventListener("dragstart", function(event) 
{ 
    event.dataTransfer.setData("image/png", slides.imageRep()); 
    event.dataTransfer.setData("slides", slides.serializedRep()); 
    // etc. 
}, false) 

2維和3維圖形通過<canvas>元件的延伸部。

上下文感知的HTML代碼

(作爲獎金 - 在<applet><marquee>標籤的obselecense - 哇噢!)

<ruby>標籤的象形文字

,我不知道這是新的,但<progress>標籤 - 這些動態更新標籤將會使網絡更豐富的體驗。

任何人都玩過這些發現他們的一些有趣的例子放在一起?一些演示代碼也許?

+0

請你把這個問題「社區維基」。你不打算最終接受答案,是嗎? – innaM 2009-10-26 17:15:07

+0

很好,如果有一些明確的答案,肯定的,但除此之外,我想這是一個wiki? – 2009-10-26 17:26:22

+0

已更改爲wiki – 2009-10-26 17:26:55

回答

2

上有Chrome Experiments

從有關網頁很好的樣本:

這些實驗是由 設計師和程序員來自世界各地的 採用了最新的開放 標準,包括HTML5,Canvas創建的文件, SVG以及更多

1

結帳Bespin,fr om Mozilla實驗室 - 這是一個使用Canvas完全用JavaScript編寫的代碼編輯器。

此外,它本身可能不是「樣本」,但Mozilla開發人員中心的Canvas Tutorial是對<canvas />元素的很好介紹。