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

Рет қаралды 45,516

2 жыл бұрын

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

Пікірлер: 206

@RealIronBull 2 жыл бұрын

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

@sshcvc 7 ай бұрын

какое время?

@anyutapererva4420 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Работаем )

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

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

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

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

@ChefLiveTV 2 жыл бұрын

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

@bezumnimax1019 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

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

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

@vadymprokopchuk 2 жыл бұрын

Дякую!

@dmitrymazu 2 жыл бұрын

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

@gardenliken 2 жыл бұрын

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

@TamaraNikolaevna Жыл бұрын

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

@dotlavv 2 жыл бұрын

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

@vovakolesnikov4114 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

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

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

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

@screw8356 2 жыл бұрын

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

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

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@mavrik6129 2 жыл бұрын

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

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

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

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

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

@vadymprokopchuk 2 жыл бұрын

спасибо)

@Viktor_Hladkykh 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Дякую

@Cats_Dogs. 2 жыл бұрын

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

@yevheniishostak9493 2 жыл бұрын

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

@TheFryOS 2 жыл бұрын

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

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

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

@onlydropped6479 2 жыл бұрын

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

@aibekalmabekuulu701 2 жыл бұрын

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

@ingady5295 2 жыл бұрын

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

@alisa1647 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Спасибо

@ZimaTimofey 2 жыл бұрын

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

@hightommy7961 2 жыл бұрын

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

@gegemon5791 2 жыл бұрын

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

@abdulazizka8641 2 жыл бұрын

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

@markfominykh 2 жыл бұрын

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

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

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

@epicshorsviral Жыл бұрын

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

@hjetwd 2 жыл бұрын

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

@sufffear 2 жыл бұрын

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

@adletmuratbek8660 2 жыл бұрын

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

@drknss3021 2 жыл бұрын

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

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

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

@wirabiza2227 Жыл бұрын

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

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

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

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

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

@vlados4449 2 жыл бұрын

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

@rich_6585 2 жыл бұрын

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

@mishachubenko3394 Жыл бұрын

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

@anatoliiilescu839 2 жыл бұрын

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

@vaiderofgames3563 2 жыл бұрын

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

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

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

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

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

@anuta_6802 Жыл бұрын

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

@Alex-ux4dw 7 ай бұрын

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

@vadymprokopchuk 7 ай бұрын

спасибо

@yanplavsky3456 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@dimasnytin 2 жыл бұрын

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

@skdev2062 Жыл бұрын

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

@sergik55 2 жыл бұрын

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

@farkhodakhmedov7443 2 жыл бұрын

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

@ilyateplyakov5919 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Спасибо

@AlFino1337 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@romanchernov20 2 жыл бұрын

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

@danichka 2 жыл бұрын

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

@timashoff 2 жыл бұрын

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

@johnpohn7320 2 жыл бұрын

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

@MonteLisa 2 жыл бұрын

рада видеть)

@ENTERelse 2 жыл бұрын

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

@tpostolova 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Спасибо

@glok0517 2 жыл бұрын

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

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

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

@man.faktit 7 ай бұрын

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

@dkautochess9566 2 жыл бұрын

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

@_pheax 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@alexkodding9354 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@alexkodding9354 Жыл бұрын

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

@FAleksey 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@Dedul1A 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

конечно будет

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

Спасибо!

@kovalskine1740 2 жыл бұрын

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

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

Спасибо

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

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

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

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

@kotomaniya1 8 ай бұрын

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

@Liverpoolfc_1892 2 жыл бұрын

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

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

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

@vadymprokopchuk 2 жыл бұрын

t.me/from0to1com

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

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

@denisp22 Жыл бұрын

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

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

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

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

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

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

Вы лучшие!!

@aleksandrgolyk3787 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

Дякую

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

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

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

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

@vadymprokopchuk 2 жыл бұрын

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

@web__pavlovo 2 жыл бұрын

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

@Blondguy12 2 жыл бұрын

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

@maestro3112 2 жыл бұрын

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

@user-nm9bh2kw8j 8 ай бұрын

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

@ig89 Жыл бұрын

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

@TheDaemonL 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

спасибо

@romzik1000 2 жыл бұрын

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

@progi99 2 жыл бұрын

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

@spyrav 2 жыл бұрын

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

@vadymprokopchuk 2 жыл бұрын

будет

@sviatbondar1721 2 жыл бұрын

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