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

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ค. 2022
  • Друзья, в видео я затрону начало flexbox модели, мы рассмотрим много css свойств, их особенности, специфичность. Будет раскдадка в один ряд, обсудим случаи с двумя рядами элементов, какие законы работают и так далее. В следующем видео поговорим о более сложных свойствах флексбокс.
    Марафон для новичков, в котором можно увидить использование флексов на практике:
    день 1 - • Верстка сайта с нуля, ...
    день 2 - • Верстка сайта с нуля, ...
    день 3 - • Верстка сайта с нуля, ...
    Шпаргалка - habr.com/ru/post/313938/
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

ความคิดเห็น • 206

  • @RealIronBull
    @RealIronBull 2 ปีที่แล้ว +95

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

    • @sshcvc
      @sshcvc 7 หลายเดือนก่อน

      какое время?

  • @anyutapererva4420
    @anyutapererva4420 2 ปีที่แล้ว +44

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

  • @user-ef2wx9es1p
    @user-ef2wx9es1p 2 ปีที่แล้ว +47

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

  • @ChefLiveTV
    @ChefLiveTV 2 ปีที่แล้ว +18

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

  • @user-zk2kd3jm3c
    @user-zk2kd3jm3c 2 ปีที่แล้ว +8

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

  • @user-uw6ok1we3h
    @user-uw6ok1we3h 2 ปีที่แล้ว +10

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

  • @dmitrymazu
    @dmitrymazu 2 ปีที่แล้ว +5

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

  • @bezumnimax1019
    @bezumnimax1019 2 ปีที่แล้ว +4

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

  • @dotlavv
    @dotlavv 2 ปีที่แล้ว +14

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

    • @vovakolesnikov4114
      @vovakolesnikov4114 2 ปีที่แล้ว +2

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

    • @vadymprokopchuk
      @vadymprokopchuk  2 ปีที่แล้ว +5

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

  • @ingady5295
    @ingady5295 2 ปีที่แล้ว +5

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

  • @aibekalmabekuulu701
    @aibekalmabekuulu701 2 ปีที่แล้ว +1

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

  • @screw8356
    @screw8356 2 ปีที่แล้ว +3

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

  • @Cats_Dogs.
    @Cats_Dogs. 2 ปีที่แล้ว +2

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

  • @onlydropped6479
    @onlydropped6479 2 ปีที่แล้ว +1

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

  • @ZimaTimofey
    @ZimaTimofey 2 ปีที่แล้ว +1

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

  • @drknss3021
    @drknss3021 2 ปีที่แล้ว +3

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

  • @markfominykh
    @markfominykh 2 ปีที่แล้ว

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

  • @sergik55
    @sergik55 2 ปีที่แล้ว +3

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

  • @hightommy7961
    @hightommy7961 2 ปีที่แล้ว

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

  • @yevheniishostak9493
    @yevheniishostak9493 2 ปีที่แล้ว +1

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

  • @TamaraNikolaevna
    @TamaraNikolaevna ปีที่แล้ว +1

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

  • @user-oc5cy1pk1n
    @user-oc5cy1pk1n ปีที่แล้ว

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

  • @glok0517
    @glok0517 2 ปีที่แล้ว +1

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

  • @abdulazizka8641
    @abdulazizka8641 2 ปีที่แล้ว

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

  • @sufffear
    @sufffear 2 ปีที่แล้ว

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

  • @TheFryOS
    @TheFryOS 2 ปีที่แล้ว

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

  • @gardenliken
    @gardenliken 2 ปีที่แล้ว +2

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

  • @yanplavsky3456
    @yanplavsky3456 2 ปีที่แล้ว +2

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

  • @gegemon5791
    @gegemon5791 2 ปีที่แล้ว

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

  • @user-kr1up1gq4n
    @user-kr1up1gq4n 2 ปีที่แล้ว

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

  • @adletmuratbek8660
    @adletmuratbek8660 2 ปีที่แล้ว

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

  • @user-vr6jo8ei3s
    @user-vr6jo8ei3s 2 ปีที่แล้ว +2

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

  • @ilyateplyakov5919
    @ilyateplyakov5919 2 ปีที่แล้ว +1

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

  • @user-wp1qb3nf4p
    @user-wp1qb3nf4p 2 ปีที่แล้ว

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

  • @AlFino1337
    @AlFino1337 2 ปีที่แล้ว

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

  • @user-ek8ei4nz4w
    @user-ek8ei4nz4w 2 ปีที่แล้ว

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

  • @_pheax
    @_pheax 2 ปีที่แล้ว

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

  • @Dedul1A
    @Dedul1A 2 ปีที่แล้ว

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

  • @mavrik6129
    @mavrik6129 2 ปีที่แล้ว

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

  • @rich_6585
    @rich_6585 2 ปีที่แล้ว +30

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

    • @mishachubenko3394
      @mishachubenko3394 ปีที่แล้ว

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

  • @Alex-ux4dw
    @Alex-ux4dw 7 หลายเดือนก่อน

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

  • @ENTERelse
    @ENTERelse 2 ปีที่แล้ว

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

  • @vaiderofgames3563
    @vaiderofgames3563 2 ปีที่แล้ว

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

  • @FAleksey
    @FAleksey 2 ปีที่แล้ว

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

  • @danichka
    @danichka 2 ปีที่แล้ว

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

  • @johnpohn7320
    @johnpohn7320 2 ปีที่แล้ว

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

  • @user-se6ct5zu2f
    @user-se6ct5zu2f 2 ปีที่แล้ว +8

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

  • @dimasnytin
    @dimasnytin 2 ปีที่แล้ว

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

  • @user-ol1nx2ym1f
    @user-ol1nx2ym1f 2 ปีที่แล้ว

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

  • @user-ls1qz9mk7x
    @user-ls1qz9mk7x 2 ปีที่แล้ว

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

  • @user-jp3dv9xm3c
    @user-jp3dv9xm3c ปีที่แล้ว

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

  • @tpostolova
    @tpostolova 2 ปีที่แล้ว

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

  • @alisa1647
    @alisa1647 2 ปีที่แล้ว +1

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

  • @vlados4449
    @vlados4449 2 ปีที่แล้ว +1

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

  • @aleksandrgolyk3787
    @aleksandrgolyk3787 2 ปีที่แล้ว +1

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

  • @epicshorsviral
    @epicshorsviral ปีที่แล้ว

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

  • @user-zo6rp1xn8i
    @user-zo6rp1xn8i ปีที่แล้ว

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

  • @Viktor_Hladkykh
    @Viktor_Hladkykh 2 ปีที่แล้ว +2

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

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 2 ปีที่แล้ว

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

  • @alexkodding9354
    @alexkodding9354 2 ปีที่แล้ว +2

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

    • @vadymprokopchuk
      @vadymprokopchuk  2 ปีที่แล้ว +1

      спасибо

    • @alexkodding9354
      @alexkodding9354 ปีที่แล้ว

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

  • @user-rs2wy5yj8r
    @user-rs2wy5yj8r 2 ปีที่แล้ว +1

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

    • @vadymprokopchuk
      @vadymprokopchuk  2 ปีที่แล้ว +1

      Так, круті ігри, дякую

  • @anuta_6802
    @anuta_6802 ปีที่แล้ว

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

  • @wirabiza2227
    @wirabiza2227 ปีที่แล้ว

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

  • @user-jf2kr4xo9i
    @user-jf2kr4xo9i 2 ปีที่แล้ว +3

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

  • @farkhodakhmedov7443
    @farkhodakhmedov7443 2 ปีที่แล้ว

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

  • @user-yb5bx2ki4q
    @user-yb5bx2ki4q 2 ปีที่แล้ว

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

  • @user-dm9od6zc6j
    @user-dm9od6zc6j 2 ปีที่แล้ว

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

  • @user-gm5ri4pq5t
    @user-gm5ri4pq5t 2 ปีที่แล้ว

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

  • @hjetwd
    @hjetwd 2 ปีที่แล้ว +1

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

  • @skdev2062
    @skdev2062 ปีที่แล้ว

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

  • @user-pf6jf9oz2t
    @user-pf6jf9oz2t ปีที่แล้ว

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

  • @denisp22
    @denisp22 ปีที่แล้ว

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

  • @Blondguy12
    @Blondguy12 2 ปีที่แล้ว

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

  • @dkautochess9566
    @dkautochess9566 2 ปีที่แล้ว

    Спасибо за видео. Круто объяснил

  • @spyrav
    @spyrav 2 ปีที่แล้ว +2

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

  • @user-hw3kc3qz1r
    @user-hw3kc3qz1r 2 ปีที่แล้ว

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

  • @sviatbondar1721
    @sviatbondar1721 2 ปีที่แล้ว

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

  • @user-pf6jf9oz2t
    @user-pf6jf9oz2t ปีที่แล้ว

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

  • @MonteLisa
    @MonteLisa 2 ปีที่แล้ว

    рада видеть)

  • @timashoff
    @timashoff 2 ปีที่แล้ว

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

  • @user-cj9nw8kc5h
    @user-cj9nw8kc5h 2 ปีที่แล้ว

    Вы лучшие!!

  • @web__pavlovo
    @web__pavlovo 2 ปีที่แล้ว

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

  • @user-vr6bn2wd2z
    @user-vr6bn2wd2z 2 ปีที่แล้ว

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

  • @kotomaniya1
    @kotomaniya1 9 หลายเดือนก่อน

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

  • @anatoliiilescu839
    @anatoliiilescu839 2 ปีที่แล้ว +5

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

  • @OstapIvanovshys
    @OstapIvanovshys 2 ปีที่แล้ว +1

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

  • @TheDaemonL
    @TheDaemonL 2 ปีที่แล้ว

    с возвращением, сенсей!

  • @kovalskine1740
    @kovalskine1740 2 ปีที่แล้ว

    Спасибо Вадим !!

  • @user-py6fe3bk7g
    @user-py6fe3bk7g 2 ปีที่แล้ว

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

  • @man.faktit
    @man.faktit 7 หลายเดือนก่อน

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

  • @zelenyigor6919
    @zelenyigor6919 2 ปีที่แล้ว

    Спасибо что жив )

  • @maestro3112
    @maestro3112 2 ปีที่แล้ว +1

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

  • @user-ls4my1up2n
    @user-ls4my1up2n 2 ปีที่แล้ว +1

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

    • @vadymprokopchuk
      @vadymprokopchuk  2 ปีที่แล้ว +1

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

  • @ig89
    @ig89 ปีที่แล้ว

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

  • @yurakhmelevski
    @yurakhmelevski 2 ปีที่แล้ว +1

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

  • @stefanosoxr2107
    @stefanosoxr2107 ปีที่แล้ว

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

  • @user-li6cw2kd3r
    @user-li6cw2kd3r 2 ปีที่แล้ว

    Спасибо!

  • @igr3943
    @igr3943 2 ปีที่แล้ว

    Ура! Мы снова в деле)

  • @user-nm9bh2kw8j
    @user-nm9bh2kw8j 9 หลายเดือนก่อน

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

  • @yarovyy_max
    @yarovyy_max 2 ปีที่แล้ว

    Дякую за такий чудовий урок