एचटीएमएल 5 - स्नीकी सामान

Question

एचटीएमएल 5 एचटीएमएल के लिए नई डब्ल्यू 3 सी परिभाषा है और संभवतः इंटरनेट की दिशा का प्रतिनिधित्व करेगा क्योंकि लोगों को अगले हत्यारे ऐप्स मिलते हैं जो इसमें काम करते हैं।

<video> टैग जैसी बहुत अधिक प्रचारित 'सार्वजनिक' कोडिंग विशेषताएं हैं, लेकिन मुझे आश्चर्य है कि लोगों द्वारा अब तक की निम्न स्तर की कोडिंग चालें क्या मिलती हैं जो महत्वपूर्ण, उपयोगी, रोचक या उपरोक्त सभी हो सकती हैं।

कुछ उदाहरण मैं इस प्रकार अब तक का सामना करना पड़ा:

खींचें और ड्रॉप घटनाओं को नियंत्रित आंकड़ा अंतरण - उदाहरण के लिए:

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

2-आयामी और 3 आयामी ग्राफिक्स <canvas> तत्व के विस्तार के माध्यम से।

संदर्भ-अवगत एचटीएमएल ब्लॉक

(एक बोनस के रूप - <applet> और <marquee> टैग की obselecense - वाह!)

<ruby> टैग ideographs

और मैं इस करता है, तो यकीन नहीं है के लिए नया है, लेकिन <progress> टैग - ये गतिशील रूप से अपडेट करने योग्य टैग वेब को एक समृद्ध अनुभव बनाने जा रहे हैं।

कोई भी इनके साथ खेला गया और उनमें से कुछ रोचक उदाहरण मिल गए? शायद कुछ डेमो कोड?

Answer 1

वहाँ Chrome Experiments

के बारे में पृष्ठ से पर अच्छा नमूने हैं:

इन प्रयोगों एचटीएमएल 5, कैनवास सहित नवीनतम खुला मानकों, का उपयोग कर के आसपास दुनिया से डिज़ाइनर और प्रोग्रामर द्वारा बनाया गया था , एसवीजी, और अधिक

Answer 2

Bespin, फ़्रैंक देखें ओम मोज़िला लैब्स - यह कैनवास का उपयोग कर जावास्क्रिप्ट में पूरी तरह से लिखा गया एक कोड संपादक है।

इसके अलावा, यह प्रति "नमूना" नहीं हो सकता है, लेकिन मोज़िला डेवलपर सेंटर पर Canvas Tutorial<canvas /> तत्व का एक बहुत अच्छा परिचय है।