The Expressive Web, все самые последние достижения HTML5 и CSS3 в реальном времени

CSS3-анимацию можно посмотреть на сайте Expressive Web здесь.

Научиться делать покадровую CSS3-анимацию можно здесь.

Чтобы просматривать различные свойства CSS3, кликайте на пункты меню слева.

Когда откроете вкладку “CSS3 Media Queries” попробуйте поменять размер окна браузера – на маленьком размере вы должны получить бургер.

В CSS3 Shadows нужно нажимать на “лампочки”, чтобы поменять направление тени солнечных часов.

CSS3 Transforms: после того, как бомба взорвется, потаскайте ползунки справа вверху. Первый искажает кусочки взорванной бомбы в двухмерном измерении. Второй крутит их в 3D (только сделайте кусочки нормального размера, чтобы было видно).

Кроме того в будущем мы сможем беспрепятственно вставлять аудио и видео на сайты, а также хранить информацию на клиентсой стороне. Web Storage – это почти как Cookies, только в отличие от них данные не высылаются на сервер при каждом обращении к сайту, не имеют ограничений в размере. Вы можете делать интерактивные игры, и вся получаемая от клиента информация (действия, количество шагов и пр.) будут сохраняться только посредством самого HTML.