FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction

147786
324
9459
06.11.2019
Описание видео:

Учим верстку на флексах (flexbox)! Что бы обучение было максимально эффективным я создал отдельный плейлист с целой серией выпусков. Последний будет полностью посвящен практическим примерам верстка на flex Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера Часть первая - свойства flex-контейнера: 🤍youtu.be/EO8hH_2OwCU Часть вторая - свойства flex-элементов: 🤍youtu.be/uPYUgipiFcM Весь плейлист по FLEXBOX 🤍🤍youtube.com/playlist?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x 0:00 - Вступление 0:18 - Подготовка к уроку 0:49 - row 1:10 - row-reverse 1:39 - column 8:50 - column-reverse 2:30 - align-items и justify-content 4:48 - order 5:27 - justify-content нагляднее 6:48 - flex Спасибо Emil Chapchakchi 🔴 Получить доступ к плюшкам + поддержать канал: 🤍🤍patreon.com/freelancerlifestyle 🔴 Telegram канал: 🤍t.me/freelancer_lifestyle (🤍teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: 🤍t.me/flschat (🤍teleg.run/flschat) 🔴 Facebook: 🤍🤍facebook.com/freelancerlifestyle 🔴 Instagram: 🤍🤍instagram.com/freelancer.lifestyle 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍🤍youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©

Кадры из видео
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction
Тэги из видео
Комментарии пользователей:
MIROVAYANAUKA
2022-09-27 12:02:16

cXAUxbu6X2E&t=3m02s 3:02 х**вая какая-то картина)

Alexsandr Khaladzhy
2022-08-31 11:41:49

дуже корисно! лайк!

Scar33rus
2022-08-28 13:27:34

cXAUxbu6X2E&t=8m50s 8:50 повернул голову на 180 градусов, чтобы понять, что нужно поставить лайк))00

Вики Уокер
2022-08-16 13:48:56

я так и не поняла , для чего именно нужно это свойство и какие преимущества оно дает((

Darth Vader
2022-08-16 10:04:58

Крутое свойство flex-direction

Дмитрий Тернов
2022-08-10 13:10:21

Спасибо. Отличные уроки. Конечно все надо рассматривать на реальных задачах и практике. Но общая картина ясна. Вопрос лишь в чем, все ли браузеры поддерживают, и рационально ли использовать?

Jason Born
2022-08-09 15:26:19

Гениально!

Glaynder
2022-08-08 09:09:21

cXAUxbu6X2E&t=3m02s 3:02 Если мы введём это..., мы увидим вот такую картину)))) До слез)

Андрей Садовой
2022-08-06 12:46:58

Жека, ты просто офигенный препод.

Garage Engineer DIY
2022-08-03 10:35:17

После просмотра такого контента приходит осознание реальных возможностей верстки. Очень полезно! Спасибо

T.I.I
2022-07-25 23:12:19

Привет бро, спасибо тебе большое за информации, спасибо тебе за труд, я долго слежу за твоим каналом всегда узнаю то что не знаю, Спасибо ещё раз!!!

Oi Jefo
2022-07-17 11:13:11

Жена ты лучший лучший, твои уроки все расставляют по полочкам) как Флекс)

Borozenniy
2022-07-14 18:02:17

У вас тоже Prepros подвисает каждые 10м?

Отличный обучающий материал, спасибо!

Ralena
2022-07-14 18:00:14

Какой же вы чудесный учитель!

Arthur Flexovich
2022-07-05 09:39:23

cool!

Ирина Журид
2022-06-29 17:50:02

Щиро дякую за крутезний матеріал!!! Навчаюсь тільки по вашим урокам! Ви неймовірний вчитель, хоч і без спеціальної педагогічної освіти!
Бажаю МИРУ, процвітання вашому Ютуб-каналу ї добра!

Олена Сидоренко
2022-06-29 13:13:31

Wow!

Shakhboz
2022-06-28 13:58:34

как все запомнить брат,😅хаха

Yehor Kolpashchikov
2022-06-14 09:47:18

Жека-красава!

Что ищут прямо сейчас
gyerek mese reverse aging koplo indonesia Geography Now cams share price nse SKAM НАУЧИЛСЯ БЛЕФОВАТЬ realme x3 screen recording video recording lag hold me closer cornelia jakobs gnfc share news Bushman prank laravel wpu formica blender ошибки Kenshi как поднять фпс animepsicologico yeahmap forza fails призывы empires and puzzles neo japanese handrearing
Похожие видео
13.11.2019
FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика

FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика

08.09.2020
Основы синтаксиса JAVASCRIPT. Структура кода. Инструкции. Режим use strict. Уроки JAVASCRIPT с нуля.

Основы синтаксиса JAVASCRIPT. Структура кода. Инструкции. Режим use strict. Уроки JAVASCRIPT с нуля.

04.10.2019
Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни

Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни

16.10.2018
В чем разница между Float, Flexbox и Grid CSS?

В чем разница между Float, Flexbox и Grid CSS?

21.06.2020
Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.

Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.

12.10.2019
МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.

МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.

05.12.2019
Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]

30.10.2019
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов

FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов

20.07.2020
CSS Grid Layout. Свойства определения сетки grid-template и другие

CSS Grid Layout. Свойства определения сетки grid-template и другие

01.08.2020
CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие

CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие

06.01.2020
Девушек Это Бесит в Мужчинах (20 Элементов Мужского Стиля)

Девушек Это Бесит в Мужчинах (20 Элементов Мужского Стиля)

01.09.2020
Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля

Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля

24.07.2021
CSS Flexbox. Полный курс

CSS Flexbox. Полный курс

15.02.2020
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

20.10.2019
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера

FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера