Skip to content

Commit 95d622e

Browse files
committed
added lesson 6
1 parent 26efafc commit 95d622e

File tree

2 files changed

+24
-0
lines changed

2 files changed

+24
-0
lines changed

lesson_06/homework6.psd

8.19 MB
Binary file not shown.

lesson_06/readme.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Урок 6
2+
3+
Домашнее задание:
4+
5+
Сверстать [макет Zazor](/lesson_06/homework6.psd):
6+
7+
1. Верстка должна быть с пиксельной точностью
8+
2. Для разметки нужно использовать новые семантичные теги: `header, footer, aside, nav, section, main, figure, figcaption`
9+
3. Так же не забывайте о новых атрибутах форм, в хедере нужно применить `placeholder=""`
10+
4. Для создания всяческих теней, скругленных уголков и градиентов используем CSS3
11+
5. Три формы после баннера можно не верстать, это будет бонусным заданием, для тех кто хочет помучиться. Не обязательно, но рекомендовано к выполнению
12+
13+
14+
Полезные ссылки:
15+
16+
1. [HTML5 Doctor](http://html5doctor.com/) - очень полезный сайт, на нем можно найти практически все по новым тегам
17+
2. [Веб-стандарты](http://web-standards.ru/) - тоже есть много полезных статей, описания использования тегов
18+
3. [Переводы статей с HTML5 Doctor](http://web-standards.ru/tag/html5doctor/)
19+
4. [Описание css3-свойств](http://css3files.com/)
20+
5. [Немного о рендеринге страницы](http://frontender.info/css-paint-times/), так же в статье есть полезные ссылки
21+
6. [CSS3 с погружением](http://habrahabr.ru/post/137348/)
22+
7. [PixelPerfect for Chrome](https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ru)
23+
8. [Обзор плагинов для пиксельной точности](http://zencoder.ru/web-development/pixel-perfect/)
24+
9. [Glass2k](http://soft.softodrom.ru/ap/Glass2k-p1728)

0 commit comments

Comments
 (0)