1. Новые складчины: Показать еще

    17.01.2018: Реальная программа для накрутки уникальных посетителей

    17.01.2018: Женский портрет. Ретушь и цветокоррекция (Анна Мельникова)

    17.01.2018: [VikiSews] Видеокурс по пошиву пальто по выкройке «Хлоя» (выкройка+видеоуроки)

    17.01.2018: Сефиротическая магия - первый модуль (Роман Сафронов)

    17.01.2018: ВИДЕО КУРС " Портал для заработка от 7 000 руб. в сутки" Алексей Сергеев

  2. Нужен организатор: Показать еще

    17.01.2018: [VikiSews] Видеокурс по пошиву платья Зоя (выкройка+видеоуроки)

    17.01.2018: [FashionElement] Секреты кутюрье:премиум группа (Татьяна Демидко, Юлия Полянская, Евгения Гудошина)

    17.01.2018: Проблемы аллергии (Потоки здоровья)

    17.01.2018: BTC Faucet | Создам Биткоин кран за 3 дня

    17.01.2018: Индивидуальность в образе (Вероника Кукота)

  3. Сбор взносов Показать еще

    17.01.2018: Наставничество (Дмитрий Краснов)

    17.01.2018: [Шитье] Конструирование и пошив классических мужских брюк (Ирина Паукште)

    17.01.2018: Master Kit 2.0 Методика по работе с подсознанием (Super Ego)

    17.01.2018: Легкие платья (Альбина Скрипка)

    17.01.2018: [Грассер] Конструирование, моделирование и пошив нижнего белья

Куплено

Мастер класс по FlexBox вёрстке (Дмитрий Лаврик)

Тема в разделе "Курсы по программированию", создана пользователем x0ttab, 21 авг 2015.

Цена:
2000 руб
Взнос:
145 руб
Организатор:
x0ttab
Участников:
1/15

Список участников складчины:

1. x0ttab
Записаться
    Тип: Стандартная складчина
Оценить эту складчину: /5,
  1. x0ttab
    x0ttab Злой кодер

    Мастер класс по FlexBox вёрстке (Дмитрий Лаврик)

    Мастер класс по FlexBox вёрстке Дмитрия Лаврика

    Скрытый текст. Доступен только зарегистрированным пользователям.


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

    В данном видео мы разберём три примера с проблемами классической вёрстки и лёгким решением этих проблем с помощью flexbox:
    • вертикальные выравнивания,
    • динамическое изменение количества элементов,
    • адаптивная вёрстка для обтекаемых элементов

    Скрытый текст. Доступен только зарегистрированным пользователям.

    Урок 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
    1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
    Лишь отчасти. Новейшие версии всех браузеров поддерживают FlexBox. Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого. Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.
    2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?
    Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.
    3. Будет ли домашнее задание?
    Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.

     
    Последнее редактирование: 23 авг 2015
    x0ttab, 21 авг 2015
Участники складчины Мастер класс по FlexBox вёрстке (Дмитрий Лаврик) смогут написать отзыв
Наверх