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

31 августа, 2015

Вне категории
regprem Мастер класс по FlexBox вёрстке

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

Материал прислал: shado4. Может быть удалено по первому запросу правообладателя.

Основные преимущества 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

downloadfrom Мастер класс по FlexBox вёрстке
Внимание! Сайт работает в архивном режиме. Все новые публикации и активность на нашем форуме.
Подробнее

Комментарии

Вы должны быть зарегистрированы для того, чтобы оставлять комментарии.

13 комментариев

  • Ответить

    валера

    1 сентября, 2015 в 00:12

    круто что начали выкладывать нормальные курсы, а не хлам с глопарта
    даже по конкретной тематике пошли
    хотелось бы еще увидеть серию курсов, связанных с интернет-маркетингом, обычным маркетингом и бизнесом (особенно интересна тема бизнес-процессов и тому подобное)

    ставьте лайк, кто согласен со мной!

    11
  • Ответить

    songman62

    1 сентября, 2015 в 21:55

    Когда вижу что-то из технарской инфы очень радует. Вот это то что должны спрашивать..Не какие то там гкурсы по “безумным” заработкам, а реальная обучалка. Классно что это последнее время практикует OS. Может со временем многие поймут что именно это и есть деньги – реальные знания. Продолжать в том же духе! :cool:

    4
  • Ответить

    TROLLEYBUS

    31 августа, 2015 в 19:03

    Я в шоке :shock: Столько полезностей за раз ещё не было :smile: Спасибо большое ! Вы лучшие :arrow:

    0
  • Ответить

    Yuliya123

    31 августа, 2015 в 20:14

    Хорошая штука. Все четко рассказывает и понятно. Мне понравилось побольше таких хороших видео!!!! :smile:

    0
  • Ответить

    glavny

    1 сентября, 2015 в 04:29

    Пожалуйста залейте на яндекс диск

    0
  • Ответить

    Alex

    25 октября, 2015 в 20:37

    Отличный материал просмотрю с интересом, админам благодарность за отличную работу ;-)

    0
  • Ответить

    JohnyPlay

    24 августа, 2019 в 12:00

    не работает ссылка

    0
  • Ответить

    Олег

    31 августа, 2015 в 20:01

    Интересная штука) Сколько же я мучался с вертикальным выравниванием стандартными методами, а тут всё просто)

    -1
  • Ответить

    DStepn

    31 августа, 2015 в 19:08

    :mrgreen: :arrow:

    -2
  • Ответить

    Yuliya123

    31 августа, 2015 в 20:10

    Хочу попробовать. Потом скажу как прислали ссылку на курс Есть 3 часа свободного
    времени в день?
    Тогда почему вы не зарабатываете
    от 900 рублей в интернете ежедневно? у кого есть?

    -2
  • Ответить

    fyalka

    31 августа, 2015 в 21:32

    очень кстати! спасибо!

    -2
  • Ответить

    Nina

    31 августа, 2015 в 22:37

    Отличная вещь! Очень кстати.

    -2
  • Ответить

    alex5825

    31 августа, 2015 в 20:11

    доброе время суток! извените может у кого есть вот этот курс http://russ-ru.ru/ ,может скинете ссылку на скачивание данного курса.

    -11