Awebdesign's Blog

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

Expressive Web - последние достижения HTML5 & CSS3

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

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

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

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

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

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

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

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: