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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.ย. 2017
  • Все курсы в одном комплекте: wd-m.ru/bundle
    Создание сайта от А до Я: goo.gl/ankxq9
    Всем привет. Сегодня мы рассмотрим новейшую технику адаптивной верстки сайтов с использованием CSS Grid.
    Страница урока с примерами из видео: webdesign-master.ru/blog/html...
    ВКонтакте: jediweb
    Телеграм: t.me/jediweb
    Дзен: dzen.ru/jediweb

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

  • @wdm
    @wdm  หลายเดือนก่อน +1

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

  • @valentinstratovich6744
    @valentinstratovich6744 6 ปีที่แล้ว +9

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

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

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

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

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

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

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

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

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

  • @Mr.Alex_fps
    @Mr.Alex_fps 8 หลายเดือนก่อน +1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @user-xo5vi3dd5f
    @user-xo5vi3dd5f 5 ปีที่แล้ว +5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    A great lesson, thank you.

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

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

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

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

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

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

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

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

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

    Спасибо, очень толково!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Бамбически!

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

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

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

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

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

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

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

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

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

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

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

    Terrific! Thank you!

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

    Благодарю ❤

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

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

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

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

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

    классный урок, спасибо!))))

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

    Спасибо!)

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

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

  • @marduh-web
    @marduh-web 6 ปีที่แล้ว

    очень качественная подача материала, вопрос в следующем: стоит ли сейчас, к примеру, запоминать эти свойства и параметры, и ждать пока появиться большая поддерживаемость или приходить к нему когда будет больше поддержки, и возможно, изменится подход? не будет ли как с bootstrap4 который 3 раза переписали

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

    Спасибо за это видео, единственное нормальное объяснение материала по CSS Grid

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

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

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

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

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

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

  • @user-ix9ib4qh1c
    @user-ix9ib4qh1c 6 ปีที่แล้ว +8

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

  • @user-li5ls7gu5z
    @user-li5ls7gu5z 6 ปีที่แล้ว +9

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

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

    Спасибо большое

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

    Спасибо, большое! Как бы еще настроиться мыслить гридами...

  • @user-gu5ir3zs4v
    @user-gu5ir3zs4v 5 ปีที่แล้ว +17

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

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

    I'm up to date because of u !