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

342428
559
13700
20.10.2019
Описание видео:

Начинаем учить верстку на флексах (flexbox )! Чтобы обучение было максимально эффективным я создал отдельный плейлист куда помещу целую серию выпусков. Последний из них будет полностью посвящен практическим примерам верстки на flex. В нем же ты получишь домашку и доступ к супер шпаргалке по FLEXBOX Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера Весь плейлист по FLEXBOX 🤍🤍youtube.com/playlist?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x 0:00 - Вступление 0:18 - Подготовка к уроку 2:08 - display:flex 3:06 - display: inline-flex 3:59 - justufy-content 7:00 - align-items 9:39 - flex-wrap Спасибо Emil Chapchakchi Получить доступ к плюшкам + поддержать канал: 🤍🤍patreon.com/freelancerlifestyle Telegram канал: 🤍t.me/freelancer_lifestyle или 🤍teleg.run/freelancer_lifestyle Telegram чат по верстке: 🤍t.me/flschat (🤍teleg.run/flschat) Instagram: 🤍🤍instagram.com/freelancer.lifestyle/ Facebook: 🤍🤍facebook.com/freelancerlifestyle/ Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍🤍youtube.com/c/freelancerlifestyle «Фрилансер по жизни». Живи, а работай в свободное время! © #фрилансерпожизни #обучение #верстка

Кадры из видео
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
Тэги из видео
Комментарии пользователей:
ariso arine
2022-10-04 12:51:36

Мне 14 лет, примерно год назад я начала постепенно двигатсья к своей цели-стать программистом. Посмотрела несколько курсов по вёртске и наконец перешла к этим урокам. Именно с этих курсов всё в моей голове начало складываться и я наконец-то начала понимать FLEXBOX-ы. Это единственные уроки в которых всё объяснено понятно, спасибо Вам большое😊

AVATARPW
2022-09-28 02:53:13

Жека спасибо за уроки, хотел сказать тебе так идёт желтый цвет, ты в нём так хорошо выглядишь!

Minecraft
2022-09-23 17:36:53

Підскажіть будьласка, як 1 і 3 блок зменшити ?

SFERA
2022-09-19 12:10:00

Чем еще открываете шаблон psd кроме АВАКОДА?

Данил Визжалов
2022-09-10 08:00:31

Спасибо большое!

Страйк
2022-09-08 04:11:24

Спасибо, супер

Максим
2022-09-01 21:56:15

Вітаю ) Подскажите пожалуйста, ищу уже полчаса плагин который копирует все имена классов, не подскажете как он называется? Он у вас на Sublime, но есть надежда что и на PHPstorm можно поставить.

Vitya Falower
2022-09-01 04:45:09

Мне, чтобы усвоить материал пришлось пересмотреть 4раза

Alexsandr Khaladzhy
2022-08-31 11:20:22

самий великий лайк за корисне відео!

Андрей
2022-08-26 19:09:03

Спасибо за видео, очень помог.

Марика🦋
2022-08-18 15:22:11

Какой Вы приятный и умный педагог! Всех благ Вам! От души СПАСИБО за уроки!!!

Denis Saveliev
2022-08-12 19:37:59

а який css код...? //

Мария Харченко
2022-08-08 08:49:28

😀😀😀😀

Дмитрий Марченко
2022-08-02 23:39:37

Нарешті флекси) а то скільки роблю всього і не міг допетрати, що воно робить та як)) тепер за дуже короткий час все стало на свої місця! Жека, дуже дякую, дуже крутий контент!

Карась Отчуждения
2022-08-01 15:50:51

У меня эти-же коды цветов в итоге по цвету отличаются от тех что на видео, это из за разных версий html, или в видео есть цвета-корекция

Диана Диана
2022-07-21 03:21:49

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

Игорь Трухачев
2022-07-07 14:46:16

Сначала нужно вместе код написать , а потом уже объяснять flex.

Руслан Самігулін
2022-07-05 21:45:10

У justify content є ще одна властивість - space-evenly )))

Arthur Flexovich
2022-07-04 21:33:47

Ля какая красота на начале урока)

Что ищут прямо сейчас
robo samsung nova renshiki аудіоперехоплення розмови російського пілота винищувача Су 34 racha fashion makedonska fem love slow English usage بيب بيب بيب Canyon lol NOOB vs PRO vs HACKER vs GOD kurumada vine showcase shindo life ELVINA ANDINI KOREA ps2 ebay reslling vs Zeus vs Korsou sharpish rubble6 Chuchel finale epico
Похожие видео
30.10.2019
FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

24.01.2020
CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.

CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.

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

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

12.09.2019
Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни

Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни

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

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

10.05.2017
Flexbox CSS3 в одном видео за 20 минут!

Flexbox CSS3 в одном видео за 20 минут!

07.04.2020
CSS transform. 2D и 3D трансформации translate, scale, rotate и другие

CSS transform. 2D и 3D трансформации translate, scale, rotate и другие

18.08.2022
Как стать финалистом программы FLEX? Все о чём нужно знать (эссе/интервью/все три тура)

Как стать финалистом программы FLEX? Все о чём нужно знать (эссе/интервью/все три тура)