FLEXBOX начало. Флексбокс верстка.

Поділитися
Вставка
  • Опубліковано 21 вер 2024
  • Друзья, в видео я затрону начало flexbox модели, мы рассмотрим много css свойств, их особенности, специфичность. Будет раскдадка в один ряд, обсудим случаи с двумя рядами элементов, какие законы работают и так далее. В следующем видео поговорим о более сложных свойствах флексбокс.
    Марафон для новичков, в котором можно увидить использование флексов на практике:
    день 1 - • Верстка сайта с нуля, ...
    день 2 - • Верстка сайта с нуля, ...
    день 3 - • Верстка сайта с нуля, ...
    Шпаргалка - habr.com/ru/po...
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

КОМЕНТАРІ • 207

  • @RealIronBull
    @RealIronBull 2 роки тому +95

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

    • @sshcvc
      @sshcvc 11 місяців тому

      какое время?

  • @anyutapererva4420
    @anyutapererva4420 2 роки тому +44

    Как я рада что Вы живи и с Вами все ок . Спасибо за видосы 💪👍🙏🇺🇦

  • @СветланаГангардт-ц2й

    Вадим, как же мы без тебя скучали... ждали, очень ждали. Спасибо за все, что ты делаешь! Варваре и детям огромный привет от подписчиков из Сибири

  • @Юрій-щ8у
    @Юрій-щ8у 2 роки тому +10

    Вадим, дуже чудово, що повернулись до своєї справи, яка у вас дійсно виходить. Дякую вам!

  • @ОльгаЧерданцева-т4ю

    Вадос!!! Вечерина!!! Да как же рада тебя видеть!!! Как родню увидела!!! 🙋Прямо в удовольствие смотрю как будто рассказываешь хорошие новости👍

  • @ChefLiveTV
    @ChefLiveTV 2 роки тому +18

    Спасибо, что находишь силы в такое время заниматься вечеринкой!!!

  • @bezumnimax1019
    @bezumnimax1019 2 роки тому +4

    Рад видеть новое видео от тебя. Также рад видеть тебя живым и здоровым, в такое время. Всего хорошего тебе и твоим близким.

  • @dmitrymazu
    @dmitrymazu 2 роки тому +5

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

  • @TamaraNikolaevna
    @TamaraNikolaevna 2 роки тому +1

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

  • @dotlavv
    @dotlavv 2 роки тому +15

    Потом и гриды можно обновить) Вадим, спасибо, что снова с нами ❤
    Расскажу историю. Увидел я как то у Вадима свойство column-gap;
    думаю: прикольная тема, и адаптировать легче.
    Начал активно юзать его. Взял заказ на верстку интернет магазина. Сверстал. Сдаю заказчику, а у него 11ифон, и у него все слиплось, т.к column-gap не робит на ios....
    Пришлось переписать часть css'a)
    Вот такая вот история ;)

    • @vovakolesnikov4114
      @vovakolesnikov4114 2 роки тому +2

      На Opera Mini свойство gap тоже не работает))

    • @vadymprokopchuk
      @vadymprokopchuk  2 роки тому +5

      да буду обновлять грид, и по флексам еще будет крутая штука

  • @gardenliken
    @gardenliken 2 роки тому +2

    Вадим, ты даже не представляешь как приятно снова видеть тебя за делом. Когда вышло прошлое видео, прям отлегло. Честно

  • @ЕленаЕванс
    @ЕленаЕванс 2 місяці тому

    супер! Дуже докладно все і зрозуміло! Підписуюсь і ставлю дзвіночок! Дякую .

  • @mavrik6129
    @mavrik6129 2 роки тому

    Зема огромный респектище тебе и самый жирный лайкосик.. 👍👍👍

  • @ДмитрийКоровин-в8э
    @ДмитрийКоровин-в8э 2 роки тому +2

    Очень рад тебя видеть и слышать, Вадим 👍👍👍 Ты человечище🙏

  • @screw8356
    @screw8356 2 роки тому +3

    Вадим, рад что ты не бросаешь свое дело, огромное спасибо за ролик!

  • @alisa1647
    @alisa1647 2 роки тому +1

    Как же хорошо что ты снова с нами, Варваре и детям привет

  • @Cats_Dogs.
    @Cats_Dogs. 2 роки тому +2

    Вадим, рада смотреть снова новое видео от Вас. Всего хорошего Вам и Вашим близким.
    Спасибо за познавательную вечеринку.
    Учу flex несколько месяцев, но каждый раз понимаю, что у flex много свойств, которые мне еще предстоит изучить.

  • @Viktor_Hladkykh
    @Viktor_Hladkykh 2 роки тому +2

    Дякую за відео , це те що треба 👍 як завжди на вищому рівні 💛💙

  • @aibekalmabekuulu701
    @aibekalmabekuulu701 2 роки тому +1

    Как я рад услышать и увидеть тебя, дружище!!!

  • @rich_6585
    @rich_6585 2 роки тому +30

    Ура, новый мастеркласс. Спасибо, освежил знания. Рад, что ты продолжаешь работать со всеми и не переключился на украинский язык. Надеюсь ты с семьёй в безопасности и, чтобы так и осталось.

    • @mishachubenko3394
      @mishachubenko3394 Рік тому

      Він чорт звичайний - піднадутий! Боялись втратити аудиторію з країни педофіла ресеї, він дальше вам сочувствующім чеше по москальські. Така перхоть роздупляється тіки тоді коли солдати з ресеї будуть їбати в сраку його жінку. А пока что он на руцьком из лагает, наслаждайтесь :)))))))

  • @gegemon5791
    @gegemon5791 2 роки тому

    Действительно магия! Вот вроде флексы вопросов давным давно не доставляют, а ролик посмотрел с удовольствием.

  • @onlydropped6479
    @onlydropped6479 2 роки тому +1

    Вадим, рад тебя видеть. Спасибо что живой

  • @СашаТюменцев-ш9ь
    @СашаТюменцев-ш9ь 2 роки тому +8

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

  • @ingady5295
    @ingady5295 2 роки тому +5

    Ура! Спасибо за новый урок! Нужная тема 👍

  • @Надежда-м6х9х
    @Надежда-м6х9х 2 роки тому +3

    Доброго дня всем! Вадим я очень рада что Вы продолжаете вести свой канал. Очень много слов сказаны Вам в поддержку, я так же присоединяюсь ко всем добрым и тёплым словам всех кто смотрит Ваш этот замечательный обучающий канал, и хотелось бы попросить скинуть ссылочку на Ваш активный телеграмм, где можно отследить вашу активность по развитию. Благодарю за внимание и желаю Вам и Вашей семье крепкого здоровья.

  • @user-wp1qb3nf4p
    @user-wp1qb3nf4p 2 роки тому

    Вадим, спасибо за урок. С уважением из глубинки России.

  • @РоманГуфчак-щ4ы
    @РоманГуфчак-щ4ы 2 роки тому +1

    Вадим, радий, що ти здоровий та в безпеці, хотілось би чути контент рідною мовою, розумію, що спочатку важко перейти, і не мені вирішувати, але після того, як країна, котра нищить нашу землю, хотілось би відкорінитись від неї усіма шляхами.

    • @vadymprokopchuk
      @vadymprokopchuk  2 роки тому +1

      Дякую, це питання ще потрібно вирішити, точно не хочу вносити розлад, потрібна концентрація на інших речах, все вирішимо згодом

  • @yanplavsky3456
    @yanplavsky3456 2 роки тому +2

    С возвращением, удачи тебе, спасибо за труды.

  • @hjetwd
    @hjetwd 2 роки тому +1

    Спасибо за видос 😁 из моей практики лайфхак по верстке меню в шапке, задача - меню разделено на 3 части, левое меню, логотип по центру и правое меню. кол-во пунктов в боковых меню разное и хоть ты тресни, но логотип по центру не встает. решается просто - левому и правому меню задается flex: 1; всё. уменьшая границы окна логотип по центру всегда будет идеально по центру, пока одно из меню не прижмется к логотипу и только после этого начнет его двигать. пользуйтесь на здоровье

  • @vlados4449
    @vlados4449 2 роки тому +1

    оооо Вадос теперь в 4к!! Топ контент подъехал) Спасибо, что не сменил язык повествования

  • @glok0517
    @glok0517 2 роки тому +1

    Вечер добрый Вадим рад видеть вас и ваши видео.
    Рад что остались вести ролики в старом формате, в такое сложное для всех нас время.
    Я как ваш подписчик учился на ваших видео и обучился верстки, wordpress, gulp, grid и.т.д.
    Но верстальщиком на фриланс я так и не стал в виду постоянных болей в глазах.
    Мне всегда нравится ваша подача материала ваш юмор да и вообще, ваши виде - ролики приятно смотреть.
    Желаю вам и вашей семье крепкого здоровья берегите себя.
    Не знаю как за других лично я не поддерживаю то что сейчас происходит.

  • @aleksandrgolyk3787
    @aleksandrgolyk3787 2 роки тому +1

    Круто, що ти відновлюєш ютубчик♥♥♥ Молодець! Успіхів !

  • @sergik55
    @sergik55 2 роки тому +3

    Ура Вадос запилил видос!!! Позитивная верстка возвращается в массы! Я давно прошел твои курсы, но всегда рад поверстать с тобой за компанию! желаю много сил и позитивных моментов)

  • @drknss3021
    @drknss3021 2 роки тому +3

    Очень рад тебя видеть в новом уроке!) Как всегда, простым и понятным языком объяснил магию flexbox!) flex-grow, flex-shrink и flex-basis впереди!)

  • @farkhodakhmedov7443
    @farkhodakhmedov7443 2 роки тому

    Респектос тебе за твое мужество продолжать свою работу (bow)

  • @TheFryOS
    @TheFryOS 2 роки тому

    Я рад что ты есть и всё хорошо, будь здоров

  • @yevheniishostak9493
    @yevheniishostak9493 2 роки тому +1

    Рады тебя видеть, тема 👍🏼👍🏼👍🏼

  • @ПетяПетров-п3ж
    @ПетяПетров-п3ж 2 роки тому

    Самый понятный и веселый автор роликов по верстке 😀

  • @alexkodding9354
    @alexkodding9354 2 роки тому +2

    Ты большой молодец что продолжаешь помогать людям )) спасибо тебе большое))

    • @vadymprokopchuk
      @vadymprokopchuk  2 роки тому +1

      спасибо

    • @alexkodding9354
      @alexkodding9354 2 роки тому

      @@vadymprokopchuk тебе спасибо друг))) я только благодаря твоим урокам научился верстать))

  • @ilyateplyakov5919
    @ilyateplyakov5919 2 роки тому +1

    Вадим, Спасибо тебе за твою работу! Удачи Вашей семье!!!

  • @sufffear
    @sufffear 2 роки тому

    Спасибо, что нашел в себе силы заняться любимым делом.

  • @ZimaTimofey
    @ZimaTimofey 2 роки тому +1

    Я рад что с вами всё хорошо. Спасибо за урок.

  • @FAleksey
    @FAleksey 2 роки тому

    Как же чертовски приятно снова слышать этот голос. Спасибо за то, что находишь время и силы на нас! У тебя лучшие уроки и подача💪

  • @sviatbondar1721
    @sviatbondar1721 2 роки тому

    Твоя впевнененість в тому , що це все буде зрозуміло як бревно піднімає мені настрій і теж дадає впевненості що я теж буду їх розуміти. Дякую за контент

  • @MonteLisa
    @MonteLisa 2 роки тому

    рада видеть)

  • @AlFino1337
    @AlFino1337 2 роки тому

    Большое спасибо за такой важный и полезный видос . Я рад что с вами сейчас все хорошо . Спасибо ещё раз !

  • @Alex-ux4dw
    @Alex-ux4dw 10 місяців тому

    Большое спасибо за ваш труд, за то, что поделились своими знаниями.

  • @abdulazizka8641
    @abdulazizka8641 2 роки тому

    Рад видеть снова!👏👍

  • @hightommy7961
    @hightommy7961 2 роки тому

    Рад снова видеть сенсей , спасибо за проделанную тобой работу , скучал по вечеринкам.

  • @СезимАземкулова

    Замечательный контент! Благодарю за знания. Вы прекрасный преподаватель

  • @markfominykh
    @markfominykh 2 роки тому

    Приветствую Вадим! Спасибо за твои видео и рад что всё в порядке! Спасибо большое что без политики! Ждём новые видео с твоей образовательной программой.

  • @anatoliiilescu839
    @anatoliiilescu839 2 роки тому +5

    Вот такая вечеринка! Спасибо Вадим что вернулся , ты в ритме танца!!! 🇺🇦💪

  • @romanchernov20
    @romanchernov20 2 роки тому +1

    Много писали наверно уже. Повторюсь. Если с Теамлидами все хорошо, то отлично. У меня те же фобии всегда - с детьми (у меня один, и то переживаю). Не скрою - переживал очень сильно. Инфы то нет - но это я в целом о людях. Кто там где? как дети в подвалах и т.д и т.п

  • @man.faktit
    @man.faktit 11 місяців тому

    Спасибо Максу Топору, что объяснил свойства

  • @maestro3112
    @maestro3112 2 роки тому +1

    ура! наконец -то новый ролик надеюсь всё в порядке

  • @ENTERelse
    @ENTERelse 2 роки тому

    Знаком с flex, но всё равно с удовольствием посмотрел, оказывается некоторые моменты я не знал.
    Спасибо!

  • @_pheax
    @_pheax 2 роки тому

    спасибо Вадос, полезная инфо, как обычно обьяснил понятно и доступно, (рад что вернулся на эти просторы и что вы в порядке), удачи и здаровья

  • @ИванАбрамович-с1х

    Ты лучший бро, бросал изучение верстки за 12 лет раз 5 и снова вернулся к ней благодаря самому лучшему преподу на просторах ютуба, надеюсь доучу верстку и освою js, ЗА Вадима переживал больше чем за родителей, когда беда пришла В УКР, рад ,что с тобой все хорошо и ты продолжаешь свою миссию - даешь путёвку в жизнь и в IT!!!!!

  • @Andrew-q5w
    @Andrew-q5w 2 роки тому

    По Флексам і Грідам є ще ігри всілякі, типу "flexbox froggy". Дякую, що продовжуєш!

  • @максим-м9ж5э
    @максим-м9ж5э 2 роки тому

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

  • @wirabiza2227
    @wirabiza2227 Рік тому

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

  • @Dedul1A
    @Dedul1A 2 роки тому

    Вадим,привет!Очень рад тебя видеть!Спасибо,что не оставляешь нас в столь не простое время и находишь возможность,и желание нас обучать!!!Пусть всё это бесчеловечное безумие скоро закончиться и все мы вернемся к нормальной и спокойной жизни!
    Спасибо огромное за более подробное погружение во FlexBox...надеюсь по Grid тоже будет серия уроков)
    Еще раз спасибо за всё!

  • @ПавелКузнецов-ы2к
    @ПавелКузнецов-ы2к 2 роки тому

    Очень рад тебя видеть!!!!!!!!!!!!!

  • @МихаилЕрмолаев-ч3н

    Ты просто сверхчеловек. Спасибо!

  • @максим-м9ж5э
    @максим-м9ж5э 2 роки тому

    про редактор в f12 флексов наглядный я не знал , такая мелочь а довольно удобная , круто

  • @kotomaniya1
    @kotomaniya1 Рік тому

    Спасибо за видосик, спасибо и за всё остальное

  • @danichka
    @danichka 2 роки тому

    Супер! Рад тебя видеть! Привет из Краснодара!

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 2 роки тому

    Привет Вадим. Ждал Вас на канале. Рад вас видеть!!!

  • @tpostolova
    @tpostolova 2 роки тому

    Спасибо Вадим. Отличное и познавательное видео.

  • @denisp22
    @denisp22 Рік тому

    Озвучка просто огонь😆👍

  • @spyrav
    @spyrav 2 роки тому +2

    спасибо, полезный контент. помимо флексов ждем еще грид для полного счастья!)

  • @adletmuratbek8660
    @adletmuratbek8660 2 роки тому

    Очень ждал про флексы видос. Спасибо!

  • @ROMAN-KVAS
    @ROMAN-KVAS 2 роки тому

    Шолом-бонжур из Одессы! 😊

  • @yurakhmelevski
    @yurakhmelevski 2 роки тому +1

    Ура , новий корисний відос 👍👍👍

  • @АнатолийГоловин-ф7ж

    Спасибо, очень доходчиво, много чего для себя узнал 🤝

  • @vaiderofgames3563
    @vaiderofgames3563 2 роки тому

    Вадим спасибо за качественный контент!

  • @Blondguy12
    @Blondguy12 2 роки тому

    Ты большой молодец что продолжаешь устраивать такие вечеринки даже в такое печальное время)
    Вижу хоть захватил свой ноут из дома. Надеюсь твой навороченный ПК из дома не пострадает...Но конечно все это такая мелочь по сравнению со всем остальным.
    Главное чтобы семья твоя была в безопасности и вы стойко прошли все испытания до победного конца!

  • @ГошаКуценко-с4ш
    @ГошаКуценко-с4ш 2 роки тому

    Привет! Очень рад что ты на связи

  • @КонстантКонькин
    @КонстантКонькин 2 роки тому

    Вадим, рад видеть тебя=)

  • @Stas446
    @Stas446 Рік тому

    Дуже дякую!

  • @OstapIvanovshys
    @OstapIvanovshys 2 роки тому +1

    Ну наконец то вечеринка!

  • @johnpohn7320
    @johnpohn7320 2 роки тому

    Лайк не глядя :33
    Спасибо, Вадим.

  • @progi99
    @progi99 2 роки тому

    интересная манера объяснять, но самое полезная эта шпаргалка, если бы ее еще обновить!

  • @ig89
    @ig89 2 роки тому

    как же все круто

  • @anuta_6802
    @anuta_6802 Рік тому

    Спасибо за видео, очень подробно и понятно. ❤

  • @Paulo-x6f
    @Paulo-x6f 2 роки тому

    Спасибо за твою работу и за твое творчество.

  • @АлександрВасильев-ы1й2х

    Отличный контент! :)

  • @АнатолийСитников-х3г

    Спасибо!

  • @dimasnytin
    @dimasnytin 2 роки тому

    Спасибо 😎 Очень доступно все рассказал 🟡🔵

  • @ЮляСолнце-ь2у
    @ЮляСолнце-ь2у 2 роки тому

    Спасибо за такую годноту!!! 🔥🔥🔥

  • @МарияТанина-й5д
    @МарияТанина-й5д 2 роки тому

    спасибо за видео

  • @АнастасіяМарченко-э3к

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

  • @timashoff
    @timashoff 2 роки тому

    Человеческое спасибо!

  • @николайкраснов-р3о

    Спасибо Вадим за новое видео

  • @stefanosoxr2107
    @stefanosoxr2107 2 роки тому

    топ контент кратко и понятно !

  • @diego199705vlad
    @diego199705vlad 2 роки тому

    Навіть більше мотивації прийшло..... Чекаю на курс, хоча знаю, що не легко зараз!!!!

  • @web__pavlovo
    @web__pavlovo 2 роки тому

    привет.с возвращением

  • @bandhdhdh7188
    @bandhdhdh7188 2 роки тому +2

    Вадим, можете как ни будь в бедующем сделать видео по вёрстке формы банковской карточки.

  • @epicshorsviral
    @epicshorsviral Рік тому

    Спасибо за ваш труд!

  • @comedyshow4342
    @comedyshow4342 2 роки тому

    Ты супер!