Flexbox CSS практический курс за 6 минут. Все свойства

Рет қаралды 149,355

3 жыл бұрын

В этом курсе мы поработаем с flex box css и кратко рассмотрим все свойства! Flexbox, flex css уроки для начинающих
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Игра для закрепления знаний - flexboxfroggy.com/#ru
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Пікірлер: 214

@user-to7eq4fm4g 3 жыл бұрын

Смотреть тебя одно удовольствие, ни какой воды, все по делу. Не останавливайся!

@UlbiTV 3 жыл бұрын

Спасибо, стараюсь максимально без воды!)

@lonelypaul69 2 жыл бұрын

@@UlbiTV допустим, у меня в контейнере два айтема, и мне нужно соотношение айтемов 40/60 процентов. Как быть в таком случае?

@goloszakadrom793 Жыл бұрын

@@UlbiTV Только вот напсиано CSS,а все делаете в файле Html. Пытался подключить css с теми же свойствами ничего не работает увы(. Буду искать ответы дальше.

@djorayevofficial5060 Жыл бұрын

@@goloszakadrom793 Там он работает с использованием тега

@denzeroneYT 11 ай бұрын

@@goloszakadrom793 Есть несколько способов подключение стилей, два из них позволяют в html файле использовать стили, а третий, мне больше всего нравиться, отдельно от html

@ipa_stor 3 жыл бұрын

Вот это видео 100% летит в рабочий плейлист, чтобы быстро открывать подсказку при работе:))) спасибо, что порадовал к концу года ещё одним годным видео!!!

@UlbiTV 3 жыл бұрын

И тебе спасибо!)) Сегодня будет еще одно по grid

@ipa_stor 3 жыл бұрын

@@UlbiTV где тут смайлик потирания рук с ехидной улыбкой:)))) ждем-с:))))

@UlbiTV 3 жыл бұрын

@@ipa_stor 🤗🤗🤗🥳🥳🥳

@user-cc1tx7sz5p Жыл бұрын

Такое четкое и конкретное изложение материала - очень больша редкость, респект!

@zakassan 5 ай бұрын

Думал flex это что-то за гранью, а оказывается, такая простая вещь. Спасибо большое что так просто и понятно объяснил😊😊

@denisshupenko1370 3 жыл бұрын

Flexbox CSS без воды, спасибо, очень круто!

@UlbiTV 3 жыл бұрын

Спасибо дружище!))

@makintoj 2 жыл бұрын

24)😎 flex-direction:column-reverse; flex-wrap:wrap-reverse; align-content:space-between; justify-content:center

@user-qg4xz2lj7n 2 жыл бұрын

😂😂😂😂

@DiIov Жыл бұрын

0:15 что такое flexbox 0:40 оси в flexbox 0:50 основные свойства flexbox 1:07 показывает код 1:17 display: flex; 1:25 flex-direction: column(-reverse)/row(-reverse); 1:45 order: n; (порядок элементов) 2:08 выравнивание в контейнере По главной оси: justify-content: center/flex-end/flex-start/space-between/space-around; По второстепенной оси: align-items: center/flex-end/flex-start/ 3:25 выравнивание отдельного элемента: align-self: center/flex-end/flex-start; 3:57 flex-wrap: wrap; (автоматический перенос не вмещающихся элементов.) 4:19 flex-basis: x; (размер относительно главной оси) 5:09 flex-shrink: x; скорость изменения размеров элемента при изменении размеров окна; 5:33 flex-grow: x; размер элемента; 5:55 слайд со свойствами. PS Невероятное сочетание краткости и ясности! Thanks! 👍

@vladdd2164 Жыл бұрын

Автор не сказал что align self в flex работает только по второстепенной оси, в отличии от grid Есть еще мелкие огрехи но в общем зачет. 👍

@aya4924 2 жыл бұрын

Огонь!

@user-zk3bc1lf8k 3 жыл бұрын

Самый самый крутой контент на свете !!!!🥳❤️

@UlbiTV 3 жыл бұрын

Спасибо, Эзам!)

@temayatskevich3109 2 жыл бұрын

Спасибо огромное!!!

@user-qe8yq6ui2c 17 күн бұрын

лучше, что я смотрел про флекс. и теперь реально дошло!

@STiGMA85X 3 жыл бұрын

Автор. флексы для меня не новость. Но у тебя одни из лучших видео.

@UlbiTV 3 жыл бұрын

Спасибо огромное!)

@user-lt7cf5qq8j 2 жыл бұрын

Краткость мать таланта. Спасибо за урок и за то что ценишь моё время.

@leninzhiv6180 2 жыл бұрын

сестра

@epsilon.sw_ 10 ай бұрын

@@leninzhiv6180 мать, сестра... да хоть прадедушка. суть не меняется, все в родственных связях. Все люди произошли от Адама и Евы, значит все люди родственники и грешники. Грешна конечная природа, ничто не поделать. Однако душа наша обладает бесконечной природой, она вечна, совершенна и безгрешна. Открой свою душу Богу, творцу своему, и транслируй его любовь через душу в сердце свое, в грешную суть свою, однако, беспрерывно связанную с совершенностью божию. Во веки веков, слава Богу Господу нашему, творцу всего видимого мира и невидимого, властителю всего и вся, дрожи перед мощью его, раб божий.

@DrGurgen 3 жыл бұрын

это коммент в поддержку)

@UlbiTV 3 жыл бұрын

Спасибо Гурген!)

@srt2046 3 жыл бұрын

Бро, ты не перестаешь удивлять! Шикарно, ну впрочем как всегда ☺️💪

@UlbiTV 3 жыл бұрын

Спасибо бро!)

@arswarog 2 жыл бұрын

кратко и по сути, круто!

@romandev-cx8so 11 ай бұрын

Респект! Без понтов, без матов. Кратко и содержательно!

@tamuna1209 9 ай бұрын

Огромное спасибо!.. Это было супер-скоро и супер-качественно!..🎉🎉🎉❤

@timmy1752 2 жыл бұрын

Спасибо большое! Ты реально годно, коротко и понятно объясняешь, продолжай пожалуйста!)

@Mi24B 6 ай бұрын

подписался после первого видео. Это такой кайф потреблять контент, где 0% воды и 100% инфорамации

@Tim-Slim 3 жыл бұрын

Кратко и четко! Спасибо!

@UlbiTV 3 жыл бұрын

Спасибо, друг!)

@jleenvanyes5219 2 жыл бұрын

Мало того что видео годное и показывает максимальную практику, так ещё и практическая игра, которая не надоест! Спасибо тебе за контент!!!

@vmesed 2 жыл бұрын

Тимур, кайф! Вот даже в лом коммент написать! После твоих уроков лепил проект на Реакте и пришло осознание, что стили у меня хромают)) решил подтянуть, посмотрев пару уроков. и вновь оказался у тебя и нашел, что надо! спасибо

@AnderPython-tw3kp Жыл бұрын

В процессе обучения случайно узнал о Flexbox. Смотрю видео, и мой мир переворачивается! Огромнейшее Спасибо!

@Theonelasthero 3 жыл бұрын

Хорошее видео, спасибо!

@UlbiTV 3 жыл бұрын

Старался, спасибо!

@rocknani2223 2 жыл бұрын

Шикарное видео, так кракто и по делу я ещё не встречал объяснение Flex CSS. Спасибо просто классноЁ видео

@sklyanskiy Жыл бұрын

Просто шикарно! Теорию получил, на практике видос повторил, игрой закрепил и, получется, научисля использовать flex) Огромное спасибо тебе!

@zeroseventwotwo Жыл бұрын

Огромное спасибо за краткое, а главное понятное объяснение

@IgorDevi 8 ай бұрын

Здарова! Красава, всё кратинько и без лишней воды, а то один вообще эту тему на минут 40 сделал

@trendsgallery Жыл бұрын

очень хорошее видео. сначала прочитал теорию с примерами, понял все неполно. но после этого видео, понимание возросло

@user-be1vw4qj2h 2 жыл бұрын

Спасибо. Кратко, четко и ясно.

@sergeidsi6891 Жыл бұрын

Это видео прям на вес золота! Спасибо огромное!

@k45k 3 күн бұрын

Благодарю! Отдельные благодарности за froggy =)

@user-wq9oy7hx6z 20 күн бұрын

Шикарно! Огромное спасибо автору!

@ArsenKushbakov 5 ай бұрын

Таких людей мало, Ты избранный!

@js3461 3 жыл бұрын

Лайк! Понятно и доступно, спасибо)

@UlbiTV 3 жыл бұрын

Спасибо!) Рад, что понятно и доступно, старался!)

@phello57 2 жыл бұрын

Хороший урок. Спасибо

@neckalas5759 3 жыл бұрын

У тебя очень хорошо получается .Ждем Grid.

@UlbiTV 3 жыл бұрын

Спасибо!) Завтра будет)

@svg5359 7 ай бұрын

спасибо вам за суперполезный урок!

@Thomas-gd7if 3 жыл бұрын

Отличная шпаргалка)) будет куда глянуть что бы в гугле не искать Если добавить тайм коды со свойствами - вообще кайф

@UlbiTV 3 жыл бұрын

Добавлю обязательно таймкоды, спасибо!)

@user-bs4gl8uw6j Жыл бұрын

Супер, те що треба👍

@user-tm5ow3et4l 3 жыл бұрын

Очень информативно и максимально информативно, за игру отдельное спасибо

@olgam414 Жыл бұрын

Спасибо за краткость!!! Все четко!

@alexandervotyakov Жыл бұрын

Вау! Как концентрированно и одновременно с этим подробно! Как же я устал смотреть часовые видосы про то, как в canvas нарисовать линию и тому подобное. Лайк и подписка!

@Vlad-us9xt 3 жыл бұрын

perfect!

@UlbiTV 3 жыл бұрын

Благодарю!)

@Valeryi07 3 жыл бұрын

👍

@UlbiTV 3 жыл бұрын

Cпасибо!)

@maksimmalkov6136 Жыл бұрын

6 мин! Я пытался разобрать с ними 3 дня. Спасибо большое:3

@arttur1672 Жыл бұрын

Это Божественно!

@ekaterina2073 2 жыл бұрын

cпасибо, избавил от страданий!! ❤️

@AndrewLapteff Жыл бұрын

Большое спасибо, добрый человек

@user-cd1sr5sx2r 3 жыл бұрын

Спасибо! Очень полезное видео для быстрого повторения!

@UlbiTV 3 жыл бұрын

Спасибо!) Хотел сделать что-то типо шпаргалки!

@bozzhik 10 ай бұрын

это самый лучший ролик по флексам, сразу все понятно

@strashneslav Жыл бұрын

Все четко и без мусора.

@prsion1925 2 жыл бұрын

шикардятина- лайкос!

@AnnaHurma Жыл бұрын

Спасибо тебе, добр человек!)

@palach_666 2 жыл бұрын

Подписка однозначно! Лучше и кратче объяснения я ещё не слышал, если можно подсказки в начале, в текстовом формате закиньте куда я думаю для всех было бы удобно сразу брать из файлика текстового примеры чем останавливать видео и печатать)

@Pawspower_ Жыл бұрын

Мыслишь неправильно

@user-sh7bb6hk6f 2 жыл бұрын

Круто. Быстро и просто!

@ilyabirg 2 жыл бұрын

Очень круто, лайк, просто и понятно, для новичков)

@kulqwerty 2 жыл бұрын

Выручил, спасибо!

@1caccount756 2 жыл бұрын

Отличная подача материала 0% воды

@vladyslavfx3892 3 жыл бұрын

Спасибо, как всегда понятно и доходчиво)

@UlbiTV 3 жыл бұрын

Спасиб)

@rimavedeckiene2203 7 ай бұрын

So clear, so intrestig. Thaks a lot of❤

@leolaoshi3997 Жыл бұрын

Шикарно! Спасибо!!!

@user-mt3ug4mv1w 2 жыл бұрын

Быстро и чётко! Класс!

@user-zf7oh5iv3l Жыл бұрын

Присоединяюсь к предыдущим комментаторам. Спасибо огромное и успехов!

@user-sc7qb4id1u 6 ай бұрын

спасибо большое за этот видос , все четко и понятно

@artemzhidelyov1044 Жыл бұрын

Какой же ты ахуенный, спасибо тебе, учу бэк, решил побырому понять что такое флексы. Твои видео идеально подошли под мои запросы.

@Arifox25 Жыл бұрын

Это лучшее видео,я столько пересмотрела ,и я знаю что говорю

@bohdanartiukhov3572 2 жыл бұрын

Супер, все по делу 👌

@Viktorres1 2 жыл бұрын

Хорошо и доступно!

@umedaslamov7019 Жыл бұрын

Все так четка и понятно спасибо !

@azizxonsarikov4933 2 жыл бұрын

Спасибо бро. Ты круто и чётко всё объяснил.

@user-wg4mg3tk7f Жыл бұрын

Большое спасибо за разбор!

@MagicRestoration Жыл бұрын

Агонь! Самое крутое видео!

@velagertort5791 Жыл бұрын

вот это лучшая обучалка, быстро и понятно

@gumball3408 2 жыл бұрын

Комент в поддержку канала)

@adilrakhimov2989 11 ай бұрын

просто лучший 🏆

@nias3949 2 жыл бұрын

Годно, спасибо большое

@chikichik4164 Жыл бұрын

Отличное объяснение, спасибо

@samisso508 3 жыл бұрын

Спасибо за подробный обзор!

@UlbiTV 3 жыл бұрын

Благодарю за поддержку)

@sergdomina Жыл бұрын

Супер 🙌

@udodvd 2 ай бұрын

Все четко без воды... введения и прочей Х....и которую тулят почти все блогеры!!!

@recklesstrust 2 жыл бұрын

от души братан помог

@dark_ff919 Жыл бұрын

Спасибо было полезно

@zdogEnderigods 2 жыл бұрын

Большое спасибо

@vegas9662 2 ай бұрын

Около суток не мог решить проблему, но после просмотра этого шедевра, на меня взошла благодать и я все пофиксил. Спасибо😘

@user-xv7ju5ml3t 2 жыл бұрын

Спасибо огромаднейшее!!!!!!!!!

@allaneori 3 жыл бұрын

Ёлки-палки! Канал - бомба!😁 Случайно увидела видос о css и решила посмотреть, что есть ещё.. А ТУТТТТ ТАКОЕ😀 Я начинающая тупица, но мне прям зашло. Спасибо вам.

@UlbiTV 3 жыл бұрын

На канале много интересного, рекомендую!) спасибо!)