Сайтостроение Мастер Класс По Flexbox Вёрстке

  • Автор темы Driver
  • Дата начала
Driver

Driver

Администратор
Регистрация
08.05.19
Сообщения
35,220
Реакции
258,976
Основные преимущества FlexBox:
  • полностью резиновая модель вёрстки
  • адаптивный сайт без media-запросов
  • удобные выравнивания элементов по горизонтали и вертикали
  • изменение порядка HTML-элементов прямо из CSS
  • с года поддержка всеми новыми браузерами
  • простой и лаконичный CSS-код на выходе
Программа мастер-класса
Да, именно поэтому мастер-класс и разбит на две части. За неделю, которая будет между уроками, вы сможете поупражняться в вёрстке с помощью FlexBox.
3. Будет ли домашнее задание?

Эта вёрстка делалась ещё до того, как FlexBox стал адекватно поддерживаться всеми браузерами. Переделывать исключительно ради принципа? — Оставлю это бредовое занятие перфекционистам. В новых проектах FlexBox используется.
2. Если FlexBox — это круто, почему dmitrylavrik.ru свёрстан обычным образом?

Лишь отчасти. Новейшие версии всех браузеров поддерживают FlexBox. Проблем быть не должно, потому что даже девятый "осёл" автоматически обновляется до одиннадцатого. Но, разумеется, ни о какой поддержке <= IE8 речи быть не может. При этом я рекомендую не зацикливаться на старых браузерах, а изучать новые и удобные технологии.
1. Слышал, что у FlexBox есть проблемы с поддержкой различными браузерами, — это правда?
Часто задаваемые вопросы.[*]Разбор дз с первого урока[*]Легко прижимаем подвал к низу[*]Вертикальный поток обёрток[*]Привычная wrap-техника[*]Анализ макета: margin vs display: flex[*]flex: 1 1 auto; — чудеса адаптивной вёрстки[*]Анализ динамического изменения количества элементов[*]rem - телефоны скажут спасибо[*]flex + media-запросы[*]Примеры, когда не стоит использовать flex
Урок 2 — вёрстка макета
11.08.[*]Причины появления FlexBox[*]Примеры неудобств в привычной вёрстке[*]Поддержка браузерами[*]Понимание flex-осей[*]Резервирование места[*]Управление сжатием[*]Управление выравниванием[*]Изменение направления контента[*]Изменение порядка элементов[*]Феерическая адаптивность
Урок 1 — теория FlexBox
04.08.
Продажник:
нет

Скачать:
Материал может быть удален по просьбе
 
Последнее редактирование модератором:

Похожие темы

S

Svet6os6laV6

PREMIUM CLUB
Регистрация
25.01.22
Сообщения
10
Реакции
0