Гарантия Инфомир Не проверен Добавить в избранное
Постер: Видеокурс Мастер-класс FlexBox-вёрстка Дмитрий Лаврик (2015)
Изображений: 4
Поделиться:
3 0

Видеокурс Мастер-класс FlexBox-вёрстка Дмитрий Лаврик (2015)

Пока оценок нет
Загрузка...
Бесплатно
Скачать
Есть вопрос?
Об инфопродукте
Сайт: http://smartgrid.dmitrylavrik.ru/...
Дата публикации: 15.09.2015
Год: 2015
Язык: Русский
Продолжительность: 06
Формат: MP4 (+ доп. материалы)
Направление: Программирование

FlexBox – это новая удобная технология для верстки веб-страниц. Вас бесит отсутствие вертикальных выравниваний в классической верстке? Или необходимость попиксельно просчитывать адаптивную вёрстку? Может быть Вас раздражает поведение обтекаемых элементов? FlexBox решает эти проблемы, он разбивает контент на блоки и в результате мы получаем полностью тягучую во все стороны модель вёрстки. Вы мечтаете об адаптивном сайте без media-запросов? Об удобных выравниваниях элементов по горизонтали и вертикали? Об изменении порядка прямо из CSS HTML-элементов? FlexBox поддерживает новейшие версии всех браузеров с 2014 года и имеет простой и лаконичный CSS-код на выходе. Именно поэтому FlexBox это инновация в верстке веб-страниц, а данный мастер-класс Дмитрия Лаврика поможет Вам разобраться с ним от и до.

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

Урок 1 — теория FlexBox

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

Урок 2 — вёрстка макета

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

Обновлено: 2 мая 2017.

Скачать:
Скриншот к курсу: Видеокурс Мастер-класс FlexBox-вёрстка Дмитрий Лаврик (2015)Скриншот к курсу: Видеокурс Мастер-класс FlexBox-вёрстка Дмитрий Лаврик (2015)Скриншот к курсу: Видеокурс Мастер-класс FlexBox-вёрстка Дмитрий Лаврик (2015)

Отзывов еще нет

Оставить свой отзыв