Скрыть объявление
infoclub

Самая большая база в Рунете. Более 23 000 курсов ! Присоединяйся :)

Быстрая регистрация

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

Тема в разделе "Программирование", создана пользователем damonik, 21 окт 2015.

  1. FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик
    FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик | [Infoclub.PRO]

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


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

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

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


    Продажник:


    Ссылка:


     
Загрузка...