#YauhenK #webDev #CSS #Flexbox #ityoutubersru
В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
✒ Репозиторий курса:
✔ GitHub:
✒ Timeline:
✔ 0:00 - Введение
✔ 2:39 - Основные понятия
✔ 8:12 - Направление осей
✔ 12:36 - Обёртка элементов и отступы
✔ 18:46 - Выравнивание вдоль главной оси
✔ 25:07 - Выравнивание вдоль поперечной оси
✔ 29:09 - Многострочное выравнивание
✔ 33:06 - Индивидуальное выравнивание элементов
✔ 37:36 - Размеры элементов
✔ 43:06 - Определение порядка элементов
✔ 48:00 - Вложенность. Обёртка элементов с размерами
✔ 53:29 - Практические примеры использования Flexbox
✒ Полный список готовых и планируемых курсов:
✔ Trello:
✒ Автор курса:
✔ YouTube:
✔ Instagram:
✔ Twitter:
✔ VK:
✔ LinkedIn:
✔ GitHub:
✔ VK (Группа):
✒ Поддержать развитие канала:
✔ YouTube-спонсорство:
✔ Patreon:
14 views
201
48
2 months ago 01:47:36 1
CSS для Начинающих - Практический Курс
2 months ago 00:12:10 1
Desarrolladores RECHAZAN entrevistas técnicas ❌ (nos tratan como mercenarios)
3 months ago 00:03:52 27
Расследуй убийство с SQL. Игры, которые реально учат писать код.
4 months ago 00:26:31 4
CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 09:19:00 4
Beginner Tailwind [FULL COURSE]
5 months ago 00:14:36 36
#56 Front-end. Вопросы на собеседовании
5 months ago 00:42:37 1
Create A Responsive E-Commerce Flower Shop Website Design Using Pure HTML & CSS Only
5 months ago 01:39:07 2
FlexBox | Учим Flexbox за полтора часа. Уроки для новичков
5 months ago 00:59:57 1
CSS Flexbox. Полный курс
6 months ago 00:26:28 5
CSS Flexbox – полный гайд с примерами из практики
6 months ago 00:46:54 1
Flexbox Crash Course 2024
6 months ago 00:33:12 1
Верстка сайта по методологии БЭМ
7 months ago 00:42:37 1
Контейнеры в Elementor. Как использовать и перейти с секций
7 months ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
7 months ago 00:06:29 1
Flexbox CSS практический курс за 6 минут. Все свойства
7 months ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse