Подборка ссылок про HTML5 и CSS3

За последнии три года HTML развился больше чем за предыдущие 10 лет. W3C прилепили приставку в виде цифры «5» к названию стандарта HTML и понеслась. Не проходит и дня, чтобы не появилось какого-то сайта или решения на html5 и css3.

Новый HTML тег

Вот, например, совсем недавно появился новый тег «template»

template HTML5 tag

css3 анимация

CSS 3 уже продолжительное время умеет анимировать элементы без джаваскрипта. Можно, например, анимировать смену страниц с помощью одного лишь CSS.

листаем страницы с помощью css3 анимации

Плагин для css3 теней

Интересные css3 тени. Ссылка на демо-сайт и на профиль ГитХаба где его можно скачать.

Плагин для css3 теней

Генератор css3 анимаций

Можно понастраивать css3 анимации с помощью интерфейса.

Генератор css3 анимаций

Плагины для Twitter BootStrap

CSS-фреймворки так развились, что для них уже пишут плагины и сайты. Плагины для работы с формами в Twitter BootStrap.

Плагины для Twitter BootStrap

Шпаргалка по анимациям css3

Интересный демо-сайт про анимации в css3.

CSS3 шпаргалка по анимациям

HTML5 vs Flash

Не смотря на то что Adobe выпускает свои html-редакторы. Флеш совсем не собирается сдаваться и битва продолжается.(сайт очень тяжелый, аккуратней может повесить браузер)

HTML5 vs Flash

Стайл гайд для вашего сайта

Вот, например, ссылка про стили этого сайта. Попробуйте проанализировать свой сайт.

Стайл гайд для вашего сайта

modern.IE — тестирование IE

IE все-таки еще заставляет нас тестировать сайты в своих старых версиях. Проще это делать с помощью modern.IE .

modern.IE — тестирование IE

Кроссворд про CSS3 и HTML5

Напоследок, можно проверить свои знания решив кроссворд про возможности HTML5 и CSS3. :)

Кроссворд про CSS3 и HTML5