Четверг, 03 Сентябрь 2015 06:06

Мастер класс по FlexBox вёрстке

Оцените материал
(26 голосов)

№43

Мастер класс по FlexBox вёрстке

Дорогие друзья, приглашаем Вас на мастер-класс по вёрстке с помощью FlexBox!
Для тех, кто впервые слышит о данном способе вёрстки. FlexBox - это новый способ разбивки контента на блоки, пришедший на смену и/или в помощь стандартным методам вёрстки.

Основные преимущества FlexBox:

  • Полностью резиновая модель вёрстки;
  • Адаптивный сайт без media-запросов;
  • Удобные выравнивания элементов по горизонтали и вертикали;
  • Изменение порядка HTML-элементов прямо из CSS;
  • С 2014 года поддержка всеми новыми браузерами;
  • Простой и лаконичный CSS-код на выходе.

 

 

 

Урок 1 — теория FlexBox

  1. Причины появления FlexBox
  2. Примеры неудобств в привычной вёрстке
  3. Поддержка браузерами
  4. Понимание flex-осей
  5. Резервирование места
  6. Управление сжатием
  7. Управление выравниванием
  8. Изменение направления контента
  9. Изменение порядка элементов
  10. Феерическая адаптивность

Урок 2 — вёрстка макета

  1. Разбор дз с первого урока
  2. Легко прижимаем подвал к низу
  3. Вертикальный поток обёрток
  4. Привычная wrap-техника
  5. Анализ макета: margin vs display: flex
  6. flex: 1 1 auto; — чудеса адаптивной вёрстки
  7. Анализ динамического изменения количества элементов
  8. rem - телефоны скажут спасибо
  9. flex + media-запросы
  10. Примеры, когда не стоит использовать flex

Ссылка на продажник

Ссылка на складчину

Если Вы являетесь обладателем Супер комплекта, то Вы можете скачать курс бесплатно. (Пароль такой же, как и от архива с комплектом)

 

Всем остальным пользователи, нужно сначала приобрести «Супер комплект»

Пишите в скайп, для наших пользователей скидка!

 

Вернуться на прежнюю страницу

 

Последнее изменение Четверг, 03 Сентябрь 2015 06:06
Новые игры Alawar.