FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик

Информация:
Тема в разделе "Сайтостроение / Программирование", создана пользователем Dump_Bot, 10 сен 2016.
  1. Dump_Bot

    Dump_Bot Бот дампов Бот форума
    • 3093/3811

    Сообщения:
    47.312
    Репутация:
    0
    Отдано:
    1 ГБ
    Скачано:
    0 байт
    Рейтинг:
    -


    О видеокурсе: Мастер-класс по верстке с помощью FlexBox! FlexBox — новый способ разбивки контента на блоки, пришедший на смену и/или в помощь стандартным методам верстки.

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


    полностью резиновая модель верстки
    адаптивный сайт без media-запросов
    удобные выравнивания элементов по горизонтали и вертикали
    изменение порядка HTML-элементов прямо из CSS
    с 2014 года поддержка всеми новыми браузерами
    простой и лаконичный CSS-код на выходе

    Программа мастер-класса:


    Урок 1 — теория FlexBox
    Причины появления FlexBox
    Примеры неудобств в привычной верстке
    Поддержка браузерами
    Понимание flex-осей
    Резервирование места
    Управление сжатием
    Управление выравниванием
    Изменение направления контента
    Изменение порядка элементов
    Феерическая адаптивность

    Урок 2 — верстка макета
    Разбор дз с первого урока
    Легко прижимаем подвал к низу
    Вертикальный поток оберток
    Привычная wrap-техника
    Анализ макета: margin vs display: flex
    flex: 1 1 auto — чудеса адаптивной верстки
    Анализ динамического изменения количества элементов
    rem — телефоны скажут спасибо
    flex + media-запросы
    Примеры, когда не стоит использовать flex

    Продолжительность:06:59:29

     
    Загрузка...