HTML 5 - подлый материал

Question

HTML 5 - это новое определение W3C для HTML, которое, скорее всего, будет отражать направление Интернета, когда люди находят приложения, которые в нем работают.

Существуют широко разрекламированные «общедоступные» функции кодирования, такие как тег <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> - woohoo!)

<ruby> тег для идеографов

и я не уверен, что это новое, но тег <progress> - эти динамически обновляемые теги сделают работу в Интернете более насыщенной.

Кто-нибудь играл с ними и нашел несколько интересных примеров их объединения? Возможно, какой-нибудь демонстрационный код?

Answer 1

На есть хорошие примеры

.

Со страницы "О нас":

  

Эти эксперименты были созданы   дизайнеры и программисты со всего   мир, используя последние открытые   стандарты, в том числе HTML5, Canvas,   SVG и многое другое

Answer 2

Ознакомьтесь с Bespin из Mozilla Labs - это редактор кода, написанный полностью на JavaScript с использованием Canvas .

Кроме того, это не может быть "образец" само по себе, но Обучающее руководство по холстам в Центре разработчиков Mozilla - очень хорошее введение в < элемент code> < canvas / > .