1. Новые складчины (Клуб Складчик) Показать еще

    18.01.2018: Сила женского притяжения (Павел Раков)(2017)

    18.01.2018: Женская Сила (Татьяна Бахтиозина)

    18.01.2018: Клиенты из YouTube для фрилансера (Матвей Северянин "Панда")

    18.01.2018: Анализатор [Social Person Network Analysis 101](Александр Галевич)

    18.01.2018: 23 технологии чтобы запомнил и влюбился (Юлия Печерская)

  2. Гость, если у Вас на каком либо сайте есть аккаунт с повышенным статусом, то и у нас вы можете получить соответствующий статус. Подробнее читайте здесь https://skladchik.biz/threads/83942/
    Скрыть объявление
  3. Нужен организатор (Клуб Складчик) Показать еще

    17.01.2018: Коучинг с 100$ к 100.000$ версия 21.0 (PLATINUM версия) Последний коучинг Дмитрия Ковпака

    16.01.2018: Adobe Photoshop. Базовый курс (Александр Сераков)

    15.01.2018: Бизнес на Амазон. Saleshub. Как заставить листинг продавать? (Артем Коршун)

    14.01.2018: Геометрия (Videouroki) 7-11 класс

    13.01.2018: Колесо новолуний. Луна белой дороги (Лариса Кузнецова-Фетисова)

  4. Сбор взносов (Клуб Складчик) Показать еще

    15.01.2018: Как повысить самооценку (Татьяна Бахтиозина)

    12.01.2018: Секреты управления временем для работы со своим здоровьем (Алексей Маматов)

    10.01.2018: SEO Рывок (Павел Шульга)

    10.01.2018: Скетчбук, который научит вас рисовать (Робин Ланда)

    09.01.2018: Sherlock - научись понимать носителей языка (Онлайн школа живого Английского)

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

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

Цена:
2000р.
Взнос:
40р.

Список пока что пуст. Запишитесь первым!

    Тип: Стандартная складчина
    Участников: 0/100
  1. 4 авг 2015
    #1
    Менеджер
    Менеджер Организатор Организатор

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

    Мастер класс по 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.
    продажник
     

Участники складчины Мастер класс по FlexBox вёрстке смогут написать отзыв