Flexbox CSS практический курс за 6 минут. Все свойства
Ғылым және технология
В этом курсе мы поработаем с flex box css и кратко рассмотрим все свойства! Flexbox, flex css уроки для начинающих
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Игра для закрепления знаний - flexboxfroggy.com/#ru
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469
Пікірлер: 216
Смотреть тебя одно удовольствие, ни какой воды, все по делу. Не останавливайся!
@UlbiTV
3 жыл бұрын
Спасибо, стараюсь максимально без воды!)
@lonelypaul69
2 жыл бұрын
@@UlbiTV допустим, у меня в контейнере два айтема, и мне нужно соотношение айтемов 40/60 процентов. Как быть в таком случае?
@goloszakadrom793
Жыл бұрын
@@UlbiTV Только вот напсиано CSS,а все делаете в файле Html. Пытался подключить css с теми же свойствами ничего не работает увы(. Буду искать ответы дальше.
@djorayevofficial5060
Жыл бұрын
@@goloszakadrom793 Там он работает с использованием тега
@denzeroneYT
Жыл бұрын
@@goloszakadrom793 Есть несколько способов подключение стилей, два из них позволяют в html файле использовать стили, а третий, мне больше всего нравиться, отдельно от html
Такое четкое и конкретное изложение материала - очень больша редкость, респект!
Думал flex это что-то за гранью, а оказывается, такая простая вещь. Спасибо большое что так просто и понятно объяснил😊😊
Flexbox CSS без воды, спасибо, очень круто!
@UlbiTV
3 жыл бұрын
Спасибо дружище!))
Вот это видео 100% летит в рабочий плейлист, чтобы быстро открывать подсказку при работе:))) спасибо, что порадовал к концу года ещё одним годным видео!!!
@UlbiTV
3 жыл бұрын
И тебе спасибо!)) Сегодня будет еще одно по grid
@ipa_stor
3 жыл бұрын
@@UlbiTV где тут смайлик потирания рук с ехидной улыбкой:)))) ждем-с:))))
@UlbiTV
3 жыл бұрын
@@ipa_stor 🤗🤗🤗🥳🥳🥳
Респект! Без понтов, без матов. Кратко и содержательно!
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 Есть еще мелкие огрехи но в общем зачет. 👍
В процессе обучения случайно узнал о Flexbox. Смотрю видео, и мой мир переворачивается! Огромнейшее Спасибо!
Мало того что видео годное и показывает максимальную практику, так ещё и практическая игра, которая не надоест! Спасибо тебе за контент!!!
24)😎 flex-direction:column-reverse; flex-wrap:wrap-reverse; align-content:space-between; justify-content:center
@user-qg4xz2lj7n
2 жыл бұрын
😂😂😂😂
Огромное спасибо!.. Это было супер-скоро и супер-качественно!..🎉🎉🎉❤
Просто шикарно! Теорию получил, на практике видос повторил, игрой закрепил и, получется, научисля использовать flex) Огромное спасибо тебе!
Бро, ты не перестаешь удивлять! Шикарно, ну впрочем как всегда ☺️💪
@UlbiTV
3 жыл бұрын
Спасибо бро!)
Спасибо большое! Ты реально годно, коротко и понятно объясняешь, продолжай пожалуйста!)
лучше, что я смотрел про флекс. и теперь реально дошло!
Шикарное видео, так кракто и по делу я ещё не встречал объяснение Flex CSS. Спасибо просто классноЁ видео
Шикарно! Огромное спасибо автору!
очень хорошее видео. сначала прочитал теорию с примерами, понял все неполно. но после этого видео, понимание возросло
спасибо тебе добрый человек! Я уже всю голову сломала с тонной инфы, а тут все наглядно просто быстро и понятно
подписался после первого видео. Это такой кайф потреблять контент, где 0% воды и 100% инфорамации
Это видео прям на вес золота! Спасибо огромное!
Огромное спасибо за краткое, а главное понятное объяснение
Спасибо. Кратко, четко и ясно.
Очень информативно и максимально информативно, за игру отдельное спасибо
Тимур, кайф! Вот даже в лом коммент написать! После твоих уроков лепил проект на Реакте и пришло осознание, что стили у меня хромают)) решил подтянуть, посмотрев пару уроков. и вновь оказался у тебя и нашел, что надо! спасибо
это самый лучший ролик по флексам, сразу все понятно
Круто. Быстро и просто!
cпасибо, избавил от страданий!! ❤️
кратко и по сути, круто!
Большое спасибо, добрый человек
Спасибо! Очень полезное видео для быстрого повторения!
@UlbiTV
3 жыл бұрын
Спасибо!) Хотел сделать что-то типо шпаргалки!
Самый самый крутой контент на свете !!!!🥳❤️
@UlbiTV
3 жыл бұрын
Спасибо, Эзам!)
Супер, те що треба👍
Спасибо за краткость!!! Все четко!
6 мин! Я пытался разобрать с ними 3 дня. Спасибо большое:3
Кратко и четко! Спасибо!
@UlbiTV
3 жыл бұрын
Спасибо, друг!)
Быстро и чётко! Класс!
Очень круто, лайк, просто и понятно, для новичков)
Спасибо огромное!!!
Вау! Как концентрированно и одновременно с этим подробно! Как же я устал смотреть часовые видосы про то, как в canvas нарисовать линию и тому подобное. Лайк и подписка!
Отличная подача материала 0% воды
Присоединяюсь к предыдущим комментаторам. Спасибо огромное и успехов!
Все четко и без мусора.
Спасибо тебе, добр человек!)
Супер, все по делу 👌
Это Божественно!
Лайк! Понятно и доступно, спасибо)
@UlbiTV
3 жыл бұрын
Спасибо!) Рад, что понятно и доступно, старался!)
Спасибо, как всегда понятно и доходчиво)
@UlbiTV
3 жыл бұрын
Спасиб)
шикардятина- лайкос!
Шикарно! Спасибо!!!
Это лучшее видео,я столько пересмотрела ,и я знаю что говорю
Выручил, спасибо!
Таких людей мало, Ты избранный!
Здарова! Красава, всё кратинько и без лишней воды, а то один вообще эту тему на минут 40 сделал
Хорошо и доступно!
Хороший урок. Спасибо
спасибо большое за этот видос , все четко и понятно
Большое спасибо за разбор!
Агонь! Самое крутое видео!
Огонь!
Хорошее видео, спасибо!
@UlbiTV
3 жыл бұрын
Старался, спасибо!
Спасибо за разбор
спасибо вам за суперполезный урок!
Спасибо огромаднейшее!!!!!!!!!
Все так четка и понятно спасибо !
Спасибо за подробный обзор!
@UlbiTV
3 жыл бұрын
Благодарю за поддержку)
Большое спасибо
Отличное объяснение, спасибо
Спасибо бро. Ты круто и чётко всё объяснил.
Автор. флексы для меня не новость. Но у тебя одни из лучших видео.
@UlbiTV
3 жыл бұрын
Спасибо огромное!)
Годно, спасибо большое
Супер 🙌
Краткость мать таланта. Спасибо за урок и за то что ценишь моё время.
@leninzhiv6180
2 жыл бұрын
сестра
@epsilon.sw_
Жыл бұрын
@@leninzhiv6180 мать, сестра... да хоть прадедушка. суть не меняется, все в родственных связях. Все люди произошли от Адама и Евы, значит все люди родственники и грешники. Грешна конечная природа, ничто не поделать. Однако душа наша обладает бесконечной природой, она вечна, совершенна и безгрешна. Открой свою душу Богу, творцу своему, и транслируй его любовь через душу в сердце свое, в грешную суть свою, однако, беспрерывно связанную с совершенностью божию. Во веки веков, слава Богу Господу нашему, творцу всего видимого мира и невидимого, властителю всего и вся, дрожи перед мощью его, раб божий.
Подписка однозначно! Лучше и кратче объяснения я ещё не слышал, если можно подсказки в начале, в текстовом формате закиньте куда я думаю для всех было бы удобно сразу брать из файлика текстового примеры чем останавливать видео и печатать)
@Paws_dyr
Жыл бұрын
Мыслишь неправильно
So clear, so intrestig. Thaks a lot of❤
от души братан помог
Спасибо было полезно
У тебя очень хорошо получается .Ждем Grid.
@UlbiTV
3 жыл бұрын
Спасибо!) Завтра будет)
вот это лучшая обучалка, быстро и понятно
это коммент в поддержку)
@UlbiTV
3 жыл бұрын
Спасибо Гурген!)
просто лучший 🏆
Спасибо! помог!
Комент в поддержку канала)
большое спасибо со второго курса программной инженерии:P
Благодарю
круто👍🏼❤️🔥
Спасибо большое
Ты - самый топ из всех!!! Подача материала - огонь!!!!!!!!!
@UlbiTV
3 жыл бұрын
Вооууу, какие слова)) спасибо дружище!!!!
You are amazing!
Спасибо!
Отличная шпаргалка)) будет куда глянуть что бы в гугле не искать Если добавить тайм коды со свойствами - вообще кайф
@UlbiTV
3 жыл бұрын
Добавлю обязательно таймкоды, спасибо!)
Ёлки-палки! Канал - бомба!😁 Случайно увидела видос о css и решила посмотреть, что есть ещё.. А ТУТТТТ ТАКОЕ😀 Я начинающая тупица, но мне прям зашло. Спасибо вам.
@UlbiTV
3 жыл бұрын
На канале много интересного, рекомендую!) спасибо!)
Какой же ты ахуенный, спасибо тебе, учу бэк, решил побырому понять что такое флексы. Твои видео идеально подошли под мои запросы.
очень крутое видео, красавец👍
я почти никогда не ставлю лайков, но автор заслужил и комментарий и лайк спасибо за познновательнный контент!
👍
@UlbiTV
3 жыл бұрын
Cпасибо!)
Пушка!
Хороший обзор функций
просто красавчик
А благодарю , нормально нормально!