Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
homework3.psd added 3-4 js homework Dec 4, 2015
homework3_bonus.psd added 3-4 js homework Dec 4, 2015
readme.md added IE links Apr 21, 2016

readme.md

Урок 3

Домашнее задание:

Сверстать макет Fitness:

  1. Верстка должна выглядеть практически как на макете, но пиксельную точность пока не делаем.
  2. Так же в этом задании есть изюминка. Возможно, вам нужно будет применить свойство float для создания двух колонок (сайдбар и контент).
  3. Верхнее меню можно сделать через display: inline-block;, в ссылках есть описание данного свойства.

Полезные ссылки:

  1. Photoshop для кодера, это цикл статей, нужно читать с первой (внизу страницы). Рекомендовано прочесть все на досуге
  2. 25 полезных шорткатов для Photoshop
  3. Горячие клавиши русского и английского Фотошопа CS6
  4. Обнуление отступов
  5. Сброс стилей с помощью CSS Reset
  6. Box model — блочная модель
  7. Блочные элементы на xiper.net
  8. Блочные элементы на htmlbook.ru
  9. Строчные элементы на htmlbook.ru
  10. inline-block: простое свойство для непростых задач
  11. Убираем отступы между строчными элементами, здесь есть пример реализации горизонтального меню
  12. Популярно о псевдоэлементах :before и :after
  13. О порядке разсположения css-свойств
  14. Центрирование в CSS: полное руководство
  15. Расстановка полей и отступов в CSS

Бонусное задание:

Сверстать макет Asia holidays. Это делать не обязательно, но опыт никогда не лишний 😉