CSS Grid - Полное руководство

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ธ.ค. 2024

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

  • @wdm
    @wdm  10 วันที่ผ่านมา +1

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

  • @v6ns8h
    @v6ns8h 7 ปีที่แล้ว +9

    Господи,настолько идеально и просто! В статьях как-то слишком заумно и примеры не очень,у вас же все просто идеально! Вы золотой человек!

  • @ФаррухРахимов-э9ш
    @ФаррухРахимов-э9ш 2 ปีที่แล้ว +2

    Респект автору! Я не знал что с grid ом можно такие чудеса творить! Всё чётко и всё по полочкам! Огромное спасибо вам! Крепкого здоровья!

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

    С каким же удовольствием об этом всём рассказывается, что аж по интонации слышно. Приятно смотреть такие материалы и понимать просто!

  • @Mr.Alex_fps
    @Mr.Alex_fps ปีที่แล้ว +1

    Сколько не смотрел разные видео и руководства, так круто еще никто не объяснил!! Молодец. Лайк + подписка!

  • @SergSerg1971
    @SergSerg1971 7 ปีที่แล้ว +16

    Я просто в восторге. Наконец-то появляется то, что нужно было уже несколько лет назад. Я даже как-то думал о том, что браузеры должны поддерживать некий тип интеллектуальных сеток. Но разрабам браузеров так тяжело договариваться между собой, что пора уже их иногда бить лопатой по голове, чтобы сговорчивей были. Спасибо и всех тебе благ.

    • @DiBaHHbIi_Expert
      @DiBaHHbIi_Expert 7 ปีที่แล้ว +3

      если начнёте бить, то за меня IE'шникам лишний раз лупаните))
      а вообще бить нужно не только разрабов, но и некоторые компании, которые ПО не обновляют со времён революции и приходится сайты делать под IE 8 даж, благо не мне. вот в данном случае я рад, что "не дорос"))

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

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

  • @whitebox3339
    @whitebox3339 7 ปีที่แล้ว +23

    Дружище ты лучший! Без шуток, у тебя самые информативные уроки!

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

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

  • @vitalii7855
    @vitalii7855 7 ปีที่แล้ว +19

    Спасибо! Очень актуальная информация на данный момент! Как ты только успеваешь за всем следить )

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

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

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

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

  • @maximmakow9522
    @maximmakow9522 7 ปีที่แล้ว

    Решил тут недавно обновить знания по Сss, и наткнулся на это видео.
    Новые возможности CSS Grid просто супер! Давно я ждал что-то подобного.
    Автору спасибо.

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

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

  • @Нунормально-ъ3я
    @Нунормально-ъ3я 3 ปีที่แล้ว +1

    Я просто в шоке! Какое же полезное свойство!!
    Огромное спасибо за обьяснение!

  • @КириллГаврилов-з9г
    @КириллГаврилов-з9г 6 ปีที่แล้ว +5

    наконец-то я увидел самый мощный урок на ютубе!! Спасибо! было бы 10 лайков, поставил бы )

  • @gio2156
    @gio2156 3 ปีที่แล้ว

    пересмотрел штук 10 видео и столько же статей перечитал но некоторые моменты остались недопонятыми. после этого видео их не осталось. все объяснено максимально исчерпывающе и доходчиво. можно сразу идти и верстать. спасибо!!!

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

    просто лучшее видео по grid css. Огромное вам спасибо ! Продолжайте в том же духе !

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

    Класное видео , наконец-то начал более менее понимать Grid, однозначно лайк!

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

    Очень приятная и доступная подача! Благодарю за курс👍

  • @shshvvvv
    @shshvvvv 3 ปีที่แล้ว

    Это Лучшее объяснение, что я встречал. Спасибо

  • @DmitryPopovFreeWind
    @DmitryPopovFreeWind 7 ปีที่แล้ว +36

    С 5м элементом было неожиданно) спасибо за материал

    • @mikeld.2366
      @mikeld.2366 6 ปีที่แล้ว

      Да, прикольно подмечено...))

  • @rainlexxx
    @rainlexxx 4 ปีที่แล้ว

    Спасибо. Четко разложено по полочкам и наглядно разобраны разные кейсы.

  • @AJIEKCAHDP_CEPrEEBI14
    @AJIEKCAHDP_CEPrEEBI14 6 ปีที่แล้ว +8

    Чувак, я не знаю сколько тебе лет, судя по голосу далеко не пенсионер )) но как ты преподносишь информацию, ни каждый опытный препад так могёт. Тебе 10К лайков дружище, 100 лет жизни, и стабильного как атомные часы здоровья!!!!!

  • @АнтонАнтонов-ж7л
    @АнтонАнтонов-ж7л 6 ปีที่แล้ว

    Одно из лучших объяснений что я видел по верстке, молодец автор, очень наглядно все изложено . подписка - однозначно )

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

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

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

    Гениально ! И grid, и повествование!

  • @user-race-Vulcan
    @user-race-Vulcan 5 ปีที่แล้ว

    Парень ты лучший!
    Таких надо вперед двигать...!!!

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

    Один из лучших каналов! Спасибо тебе за все, что ты делаешь!

  • @МарсельСтечкин
    @МарсельСтечкин 4 ปีที่แล้ว

    Лучший гайд по гридам, что я находил.

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

    Лучший урок по гридам, спасибо

  • @kostasnegrov4437
    @kostasnegrov4437 4 ปีที่แล้ว

    Лучший гайд, который я видел!

  • @Андрей-п6в7д
    @Андрей-п6в7д 3 ปีที่แล้ว

    самое понятное видео с идеальной подачей!

  • @gamet8290
    @gamet8290 3 ปีที่แล้ว

    Спасибо большое, понятно, просто, наглядно. Голос приятный.

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

    Очень полезно и познавательно! Не зря подписался. Не теряй марку, записывай ещё фишки дельные. Будем применять.

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

    Давно ждал от вас этого видео

  • @loki-rg6yo
    @loki-rg6yo 7 ปีที่แล้ว

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

  • @mrs.doubtfire8197
    @mrs.doubtfire8197 4 ปีที่แล้ว

    Очень хорошее, подробное руководство. Спасибо.

  • @MrTrevolta
    @MrTrevolta 7 ปีที่แล้ว

    Божечки боже, я ждал этого 10 лет.

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

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

  • @StomperFromChildhood
    @StomperFromChildhood 6 ปีที่แล้ว

    Это лучший урок который я видел.

  • @LxndrKrchvtsv
    @LxndrKrchvtsv 7 ปีที่แล้ว

    Офигеть! Шикарнейший инструмент! Спасибо за обзор.))

  • @ИринаШаповалова-р3х
    @ИринаШаповалова-р3х 6 ปีที่แล้ว

    у вас надо многим поучится - как правильно доносить до народа суть

  • @SergioUkrAr
    @SergioUkrAr 6 ปีที่แล้ว

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

  • @dev_academy
    @dev_academy 6 ปีที่แล้ว

    Прям поле чудес) Спасибо за урок. Очень полезно и информативно. Добра и здоровья тебе!)

  • @azatsultanov6713
    @azatsultanov6713 6 ปีที่แล้ว

    Замечательный урок, лучше пока не нашел, спасибо!

  • @МаксимБистрянцев
    @МаксимБистрянцев 7 ปีที่แล้ว

    Отличный урок. Для знакомства просто то что нужно.

  • @wladarr5794
    @wladarr5794 5 ปีที่แล้ว

    Боже, спасибо огромное, теперь не придется долбаться с медиа-запросами.

  • @iqbot3693
    @iqbot3693 7 ปีที่แล้ว +5

    Спасибо, крутая технология! Замена кучи Css и JavaScript кода.

  • @dospehi-blogera
    @dospehi-blogera 7 ปีที่แล้ว +2

    Круто! Спасибо тебе большое! Как всегда ценная информация!

  • @rbeguns.direct1110
    @rbeguns.direct1110 4 ปีที่แล้ว

    Супер, очень показательно и информативно, спасибо, лайк!

  • @musoverda5500
    @musoverda5500 7 ปีที่แล้ว

    Круто! Преподавать - тоже нужно уметь. У Вас это получается, Алексей ))

  • @makcimhvatov454
    @makcimhvatov454 6 ปีที่แล้ว

    Большое тебе человеческое спасибо , очень многому научился благодаря твоим урокам , flex хорошо, grid ещё лучше, bootstrap прощай

  • @ВладиславШаманов-и8о
    @ВладиславШаманов-и8о 3 ปีที่แล้ว

    Спасибо, очень наглядно!

  • @amylouis7750
    @amylouis7750 3 ปีที่แล้ว

    офигенный гайд спасибо

  • @pypchenkoboris
    @pypchenkoboris 5 ปีที่แล้ว

    Спа-си-бо !!! Профи- это то, что понятно самому! Успехов !

  • @realfootball338
    @realfootball338 4 ปีที่แล้ว

    Спасибо. Уже два года работаю фронтом и ни разу не прикасался ко гридам. Очень круто !!! Не замена флексу но очень крутое дополнение

  • @MultiDESTROER
    @MultiDESTROER 7 ปีที่แล้ว

    однозначно лайк и подписка. Очень детальное и информативное видео)

  • @sciencecommunity9787
    @sciencecommunity9787 4 ปีที่แล้ว

    шикарнейший урок

  • @vitalyorlov9154
    @vitalyorlov9154 7 ปีที่แล้ว

    Очень круто и информативно. Спасибо огромное!

  • @LifeStyle0
    @LifeStyle0 3 ปีที่แล้ว

    отличное видео, сколько раньше было боли с адаптивом а сейчас по щелчку

  • @noname1999x
    @noname1999x 4 ปีที่แล้ว

    Годный туториал!

  • @EK-sr5wn
    @EK-sr5wn 7 ปีที่แล้ว

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

  • @TeaAndCoffe
    @TeaAndCoffe 7 ปีที่แล้ว

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

  • @vasiliy.poddubny
    @vasiliy.poddubny 4 ปีที่แล้ว

    Спасибо, за отличный урок!

  • @katunkroakl
    @katunkroakl 6 ปีที่แล้ว

    Великолепный туториал, спасибо!

  • @timlarkin419
    @timlarkin419 6 ปีที่แล้ว

    Как всегда круто и понятно )

  • @rustammaxmudov2621
    @rustammaxmudov2621 4 ปีที่แล้ว

    Очень интересный урок

  • @АндрейГурлев-т8в
    @АндрейГурлев-т8в 3 ปีที่แล้ว

    Спасибо за урок

  • @ПрОМаСтЕр-р9я
    @ПрОМаСтЕр-р9я 7 ปีที่แล้ว +9

    Алексей, Вы как всегда лучший!!! Ставить урокам Алексея "Мне не понравилось" - это все равно что плевать в тарелку с едой, которая тебя кормит! Шли бы лучше крестиком вышивать!

  • @aleksandrkokin6065
    @aleksandrkokin6065 7 ปีที่แล้ว

    Благодарствую за контент

  • @fanckler
    @fanckler 7 ปีที่แล้ว

    Очень интерестно ,ждем направление контента в этой теме!)))

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

    Большое спасибо за урок)

  • @Видево-я5п
    @Видево-я5п 5 ปีที่แล้ว

    Руководство действительно крутое

  • @llamakabuild
    @llamakabuild 6 ปีที่แล้ว

    очень нужная вещь! не знала о таком. спасибо!

  • @Техносервис-ш4ы
    @Техносервис-ш4ы 5 ปีที่แล้ว

    Даже такой валенок как я понял. Спасибо мужик! ))

  • @HICjump
    @HICjump 7 ปีที่แล้ว

    Супер! Keep up the good job!!!

  • @JigsawDaMasta
    @JigsawDaMasta 7 ปีที่แล้ว

    у вас есть видео по Pixel-perfect извращениям? именно как правильно делать
    идеальные отступы сочетая line-height, padding, margin, spacing для одно и многострочных элементов

  • @kirabogema
    @kirabogema 7 ปีที่แล้ว

    круто! и по мне дак проще флексов)) ну это конечно же индивидуально

  • @wdm
    @wdm  10 วันที่ผ่านมา +1

    Верстка реального макета с использованием CSS Grid: th-cam.com/video/iNPE0zGucTo/w-d-xo.html

  • @wahub_ru
    @wahub_ru 5 ปีที่แล้ว

    Благодарю, всё понятно!

  • @AlexAlex-lt9vl
    @AlexAlex-lt9vl 5 ปีที่แล้ว

    Отличное видео! Спасибо!

  • @romanpredein
    @romanpredein 7 ปีที่แล้ว

    Спасибо за видео! Очень интересно.

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

    а как в грид реализован colspan/rowspan?

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

    Очень полезное видео!

  • @vitya008
    @vitya008 5 ปีที่แล้ว

    Спасибо за урок!

  • @talas12341
    @talas12341 7 ปีที่แล้ว +414

    чего только не придумают, лишь бы на таблицах не верстать...

    • @nikitos23kh
      @nikitos23kh 6 ปีที่แล้ว +22

      Ну да, лучше на древних таблицах верстать, да?

    • @shinmalphur9214
      @shinmalphur9214 6 ปีที่แล้ว +102

      ты не смог в юмор

    • @ДмитрийМальков-з5э
      @ДмитрийМальков-з5э 6 ปีที่แล้ว +5

      Какая разница, древние они, или нет? Главное чтобы было удобно и корректно работало

    • @GangsterTheKidBi
      @GangsterTheKidBi 6 ปีที่แล้ว +8

      на них что еще кто-то верстает??

    • @ЛеонидОрлов-в2п
      @ЛеонидОрлов-в2п 6 ปีที่แล้ว +6

      очень важно дизайн от структуры и семантики оторвать

  • @arekuUA
    @arekuUA 6 ปีที่แล้ว

    Большое спасибо! Приятно понятнее.

  • @FirstRuni
    @FirstRuni 4 ปีที่แล้ว

    Бамбически!

  • @pauldudich
    @pauldudich 5 ปีที่แล้ว

    *За 5-ый элемент лайк ))*

  • @rufatahmadeus1801
    @rufatahmadeus1801 7 ปีที่แล้ว

    подскажите пожалуйста как подогнать картинку под , в display: grid;?

  • @makseliobuyakuri4496
    @makseliobuyakuri4496 7 ปีที่แล้ว

    просто великолепно!, спасибо

  • @kiberjen9338
    @kiberjen9338 7 ปีที่แล้ว

    Очень понравилось ваше объяснение можете сделать видео еще по CSS flexbox и сравнить его с CSS Grid. Еще интересно будет узнать про препроцессоры less sass и как с ними работать.

    • @wdm
      @wdm  7 ปีที่แล้ว

      Sass: th-cam.com/video/H4cG4tbc-xQ/w-d-xo.html

    • @kiberjen9338
      @kiberjen9338 7 ปีที่แล้ว

      Спасибо. а по CSS flexbox планируете сделать видео?

    • @wdm
      @wdm  7 ปีที่แล้ว

      Да, есть в планах.

  • @ARTEMFOREVER
    @ARTEMFOREVER 4 ปีที่แล้ว

    блин .. понял , что такое адаптивная верстка)) спасибо за видео.. и как она легко делается

  • @Федор-ъ4с
    @Федор-ъ4с 5 ปีที่แล้ว

    Спасибо! Очень полезно!

  • @JohnDoe-p1y
    @JohnDoe-p1y 4 ปีที่แล้ว

    при использовании Sass компилятор ругается при расположении grid areas не в строку а в столбец. Есть решение? или какой то особенный синтаксис для этого нужен?

  • @Скыбыдыщь
    @Скыбыдыщь 5 ปีที่แล้ว +17

    малыш Брюси успокоит бутстрап и флэкс

  • @НатальяСоколова-я1г
    @НатальяСоколова-я1г 6 ปีที่แล้ว +8

    Я так и знал, что про 5 элемент что-нибудь сказанешь = )

  • @ПростоУлыбка-ш2о
    @ПростоУлыбка-ш2о 7 ปีที่แล้ว +9

    *Продолжай снимать уроки по сетке!*

  • @divizionby0
    @divizionby0 6 ปีที่แล้ว

    Спасибо автору!👍