Складчина Каталог
Мои курсы
Мастер-класс

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

5,0 84 участника
ДЛ Автор мастер-класса Дмитрий Лаврик

Описание

Вам нужно верстать сайты, которые автоматически подстраиваются под экран любого устройства, не перегружая при этом CSS-код десятками media-запросов. Этот мастер-класс показывает, как использовать Flexbox для создания гибких макетов, где элементы выравниваются по любой оси парой строк кода.

Внутри разбираются:

  • Принципы построения резиновой модели вёрстки, которая адаптируется под любые разрешения.
  • Техники управления порядком отображения HTML-блоков исключительно через CSS, без изменения структуры разметки.
  • Способы реализации сложного выравнивания элементов по вертикали и горизонтали, которые раньше требовали громоздких «костылей».

Материал будет полезен верстальщикам и фронтенд-разработчикам, которые хотят писать лаконичный код, поддерживаемый всеми современными браузерами. После обучения вы перестанете тратить время на подгонку размеров элементов под разные устройства вручную.

Что в мастер-классе

Точный состав материала не подтверждён. Ниже — предположительный список.

  • Точной программы нет. Примерный план на основе описания:
    • Основы и принципы работы Flexbox
    • Создание резиновой модели вёрстки
    • Выравнивание элементов по горизонтали и вертикали
    • Изменение визуального порядка элементов через CSS
    • Адаптивная вёрстка без media-запросов
    • Особенности поддержки Flexbox современными браузерами
Складчина создана 4 августа 2015 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы
Разумный вайб-кодинг Разумный вайб-кодинг 1 726 ₽ 18 000 ₽ −90%J JavaScript для верстальщиков 866 ₽ 7 900 ₽ −89%Node.js Hardcore - Documentation First, Fastify, Ajv и прочие радости жизни Node.js Hardcore - Documentation First, Fastify, Ajv и прочие радости жизни 1 265 ₽ 14 700 ₽ −91%V Vue.js Интенсивный курс для программистов 350 ₽ 9 800 ₽ −96%JQueryUI - красота на сайтах JQueryUI - красота на сайтах 80 ₽ 200 ₽ −60%T TypeScript. Интенсивный практический курс 798 ₽ 11 200 ₽ −93%К Классическая вёрстка 492 ₽ 7 900 ₽ −94%Vue TypeScript. Практический курс по разработке SPA Vue TypeScript. Практический курс по разработке SPA 3 052 ₽ 12 600 ₽ −76%V Vue.js 206 ₽ 9 800 ₽ −98%Vue Level 2. Практический курс по разработке SPA Vue Level 2. Практический курс по разработке SPA 4 541 ₽ 11 200 ₽ −59%Javascript Javascript 80 ₽ 4 080 ₽ −98%П Продвинутая вёрстка 400 ₽ 7 900 ₽ −95%

Похожие мастер-классы 12

Похожие мастер-классы

80 ₽ 2 000 ₽