5/5, Голосов: 5
Доступно

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

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

Метки:
Цена: 2000р.
Взнос: 80р.
100%

Основной список: 84 участников

Резервный список: 58 участников

Статус обсуждения:
Комментирование ограничено.
    1. Fringe

      Fringe ОргОрганизатор

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

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

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

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




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

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

      продажник
       
    2. Последние события

      1. skladchik.com

        Складчина доступна.

        19 дек 2020
      2. skladchik.com

        mrFiX хранитель складчины.

        19 дек 2020
      3. skladchik.com

        Складчина закрыта.

        11 ноя 2020
      4. skladchik.com

        Складчина доступна.

        4 май 2017

      Последние важные события

      1. skladchik.com

        Складчина доступна.

        19 дек 2020
      2. skladchik.com

        mrFiX хранитель складчины.

        19 дек 2020
      3. skladchik.com

        Складчина закрыта.

        11 ноя 2020
      4. skladchik.com

        Складчина доступна.

        4 май 2017
    3. Smomel

      Smomel СкладчикСкладчик

      Администрация, уже прошло очень много времени с начала складчины, но реквизиты я до сих пор не вижу.
       
    4. Grek2010

      Grek2010 МодерМодератор Команда форума

      Все видно нормально в "Реквизитах", смотри внимательнее.
       
    5. AlexBrtn

      AlexBrtn ДолжникДолжник

    6. Area51

      Area51 ЧКЧлен клуба

      запишите плз меня
       
    1. PatrickBateman
      5/5,
      Работой организатора доволен
      Спасибо за организацию складчины!
      Подача материала и тренажер очень понравился!
      Спасибо!
    2. Вёсла ночи
      5/5,
      Работой организатора доволен
      Хороший мастер класс и организация.
    3. lostman
      5/5,
      Работой организатора доволен
      Отличный мастер-класс!
    4. slavawright
      5/5,
      Отличная организация. А Лаврик как всегда на высоте. Все объясняет доходчиво и полно.
    5. ham
      5/5,
      Работой организатора доволен
      Мастер класс понравился.
      Доступное изложение материала. Интересный тренажер получился у Дмитрия Лаврика - изучение свойств flex-блоков "для чайников".
      Познакомиться с новыми возможностями CSS очень полезно, а благодаря спикеру ещё и интересно.
      2 пользователям это понравилось.
Статус обсуждения:
Комментирование ограничено.

Поделиться этой страницей