Домашнее задание:
Сверстать макет Zazor:
- Верстка должна быть с пиксельной точностью
- Для разметки нужно использовать новые семантичные теги:
header, footer, aside, nav, section, main, figure, figcaption - Так же не забывайте о новых атрибутах форм, в хедере нужно применить
placeholder="" - Для создания всяческих теней, скругленных уголков и градиентов используем CSS3
- Три формы после баннера можно не верстать, это будет бонусным заданием, для тех кто хочет помучиться. Не обязательно, но рекомендовано к выполнению
Полезные ссылки:
- HTML5 Doctor - очень полезный сайт, на нем можно найти практически все по новым тегам
- Веб-стандарты - тоже есть много полезных статей, описания использования тегов
- Переводы статей с HTML5 Doctor
- Описание css3-свойств
- Немного о рендеринге страницы, так же в статье есть полезные ссылки
- CSS3 с погружением
- PixelPerfect for Chrome
- Обзор плагинов для пиксельной точности
- Glass2k