HTML 5 - Podstępne rzeczy

Question

Nowa definicja W3C dla HTML i najprawdopodobniej będzie wskazywać kierunek, w jakim znajduje się Internet, ponieważ ludzie znajdują następne działające w nim zabójcze aplikacje.

Istnieją publicznie dostępne "publiczne" elementy kodujące, takie jak znacznik <video>, ale zastanawiam się, jakie sztuczki kodowania niskiego poziomu ludzie znaleźli do tej pory, które mogą być ważne, użyteczne, interesujące lub wszystkie z powyższych.

Niektóre przykłady Natknąłem dotąd:

przeciągania i upuszczania, które kontrolują transferu danych - np

grafiki

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

2-wymiarowe i 3-wymiarowe poprzez rozszerzenie elementu <canvas>.

kontekstowych bloki html

(jako bonus - w obselecense z <applet> i <marquee> tagów - woohoo!)

<ruby> tag ideogramów

i nie jestem pewien, czy to jest nowy, ale tag <progress> - te dynamicznie aktualizowane znaczniki sprawią, że internet będzie bogatszy.

Ktoś z nimi grał i znalazł kilka interesujących przykładów? Może jakiś kod demo?

Answer 1

Są tam ładne próbki na Chrome Experiments

na stronie o:

Te eksperymenty zostały stworzone przez projektantów i programistów z około świata z wykorzystaniem najnowszych standardów otwartych , w tym HTML5, płótno , SVG, i więcej

Answer 2

Sprawdź Bespin, fr om Mozilla Labs - jest to edytor kodu napisany całkowicie w JavaScript, używając Canvas.

Ponadto może to nie być "próbka" jako taka, ale Canvas Tutorial w witrynie Mozilla Developer Center jest bardzo dobrym wprowadzeniem do elementu <canvas />.