HTML является языком разметки всего того содержимого, которое мы ежедневно наблюдаем на веб-страницах. Долгое время он практически не изменялся, однако сейчас на наших глазах происходит «маленькая революция» в этой консервативной среде. Речь идет о HTML5, который работает во всю набирает обороты.
Многие функции ещё не работают стабильно или зависят от третьих сторон (браузер, например) и не все демо, представленные ниже, будут у вас работать, на даже сейчас они четко показывают, какая мощь скрывается за этими волшебными (по крайней мере, для меня) словами. Надеюсь, эти примеры станут для вас неким «вдохновителем» для его дальнейшего изучения. Собственно, к делу (трафик):

1 HTML5 Demo


image
1 HTML5 Demo
Эту ссылку видели многие. Рекомендуется для ознакомления с базовыми возможностями HTML5

«2 Катящиеся шары»


image
Сложно придумать применение иное, как не забаву.

3 SublimeVideo HTML5 Video Player


image
Чудесный видеоплеер в HTML5, который не требует никаких плагинов. Официальный релиз намечается на близжайшее время. Ссылка

4 Ручной колобок


image
Пример довольно милой интерактивной анимации Ссылка

5 Интерактивная манипуляция фотографиями


image
Перетаскиваем фотографии: ссылка

6 Феерверк


image
В даном примере проводится скрытая беспалевная реклама ресурса, на котором находится оригинал статьи.

7 Калейдоскоп


image
Как по мне, то нереально крутой эффект! Ссылка

8 Перетащим… все!


image
Действительно! Перетащить можна всё. Пример:

9 Частицы в движении


image
Ещё один пример интересной интерактивной анимации

10 Ещё один похожий пример...


image
… однако теперь мы можем извращаться работать с текстом, который набираем «на ходу». Пример:

11 Видео-эффект «разбивания» картинки


image
Довольно интересно, но пока что очень нагружает компьютер. Ссылка:

12 3D анимация ткани


image
ИМХО, очень круто! Заценить:

13 Google Search Box 3D


image
Пример работы с обьектами в 3D. В даном случае — извращаемся над гугл.

14 Smalltalk


image
Создаем карту чего-либо на основе социальных сетей. Пример довольно удачный, чтобы понять для чего это вообще нужно. Однако, пока что этот процесс довольно долгий.

15 Breakout


image
Подробный пример создания легендарной игрушки. Теперь и на HTML5

Даный топик является вольным переводом статьи, которую можно посмотреть здесь.