Kan
Администратор
- Регистрация
- 8 Сен 2014
- Сообщения
- 21.386
- Реакции
- 28.815
О видеокурсе: Мастер-класс по верстке с помощью FlexBox! FlexBox — новый способ разбивки контента на блоки, пришедший на смену и/или в помощь стандартным методам верстки.
Основные преимущества FlexBox:
полностью резиновая модель верстки
адаптивный сайт без media-запросов
удобные выравнивания элементов по горизонтали и вертикали
изменение порядка HTML-элементов прямо из CSS
с 2014 года поддержка всеми новыми браузерами
простой и лаконичный CSS-код на выходе
Программа мастер-класса:
Урок 1 — теория FlexBox
Причины появления FlexBox
Примеры неудобств в привычной верстке
Поддержка браузерами
Понимание flex-осей
Резервирование места
Управление сжатием
Управление выравниванием
Изменение направления контента
Изменение порядка элементов
Феерическая адаптивность
Урок 2 — верстка макета
Разбор дз с первого урока
Легко прижимаем подвал к низу
Вертикальный поток оберток
Привычная wrap-техника
Анализ макета: margin vs display: flex
flex: 1 1 auto — чудеса адаптивной верстки
Анализ динамического изменения количества элементов
rem — телефоны скажут спасибо
flex + media-запросы
Примеры, когда не стоит использовать flex
Скачать:
Основные преимущества FlexBox:
полностью резиновая модель верстки
адаптивный сайт без media-запросов
удобные выравнивания элементов по горизонтали и вертикали
изменение порядка HTML-элементов прямо из CSS
с 2014 года поддержка всеми новыми браузерами
простой и лаконичный CSS-код на выходе
Программа мастер-класса:
Урок 1 — теория FlexBox
Причины появления FlexBox
Примеры неудобств в привычной верстке
Поддержка браузерами
Понимание flex-осей
Резервирование места
Управление сжатием
Управление выравниванием
Изменение направления контента
Изменение порядка элементов
Феерическая адаптивность
Урок 2 — верстка макета
Разбор дз с первого урока
Легко прижимаем подвал к низу
Вертикальный поток оберток
Привычная wrap-техника
Анализ макета: margin vs display: flex
flex: 1 1 auto — чудеса адаптивной верстки
Анализ динамического изменения количества элементов
rem — телефоны скажут спасибо
flex + media-запросы
Примеры, когда не стоит использовать flex
Скачать:
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Вадим Сайфутдинов, Анатолий Сотников] Chat GPT и 1С. Обмен между Chat GPT и 1С через API (2024)
- [Вадим Прокопчук] [Udemy] Верстка сайта c использованием Gulp в модульном Bento стиле (2024)
- [Alex Erofeev] [Stepik] Python в нескучных примерах (2023)
- [Николай Миронов] [wpmoscow] Профессиональная разработка многостраничных сайтов (2024)
- [Тимур Машнин] Язык программирования MQL5: Продвинутое использование.. (2 изд.) (2019)
- [Денис Матвеенко] Docker. Подписка на 3 месяца (2024)
- [Н. Честнов и др.] Python и ИИ-технологии с нуля за 4 месяца, 12 проектов с помощью ChatGPT (2024)
- [Udemy] Frank Anemaet ― Набор инструментов для хакеров (2024)