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

Поділитися
Вставка
  • Опубліковано 27 жов 2024

КОМЕНТАРІ • 237

  • @wdm
    @wdm  4 місяці тому +1

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

  • @v6ns8h
    @v6ns8h 6 років тому +9

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

  • @Mr.Alex_fps
    @Mr.Alex_fps Рік тому +1

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

  • @ФаррухРахимов-э9ш

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

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

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

  • @andrewvolkov3726
    @andrewvolkov3726 5 років тому +5

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

  • @gio2156
    @gio2156 3 роки тому

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

  • @SergSerg1971
    @SergSerg1971 7 років тому +16

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

    • @DiBaHHbIi_Expert
      @DiBaHHbIi_Expert 7 років тому +3

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

  • @stasshulhovich553
    @stasshulhovich553 4 роки тому +1

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

  • @Нунормально-ъ3я
    @Нунормально-ъ3я 3 роки тому +1

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

  • @whitebox3339
    @whitebox3339 6 років тому +23

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

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

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

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

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

  • @drfaqqy2226
    @drfaqqy2226 7 років тому +2

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

  • @Arzart500
    @Arzart500 6 років тому +2

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

  • @AJIEKCAHDP_CEPrEEBI14
    @AJIEKCAHDP_CEPrEEBI14 6 років тому +8

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

  • @vitalii7855
    @vitalii7855 7 років тому +19

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

  • @rainlexxx
    @rainlexxx 3 роки тому

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

  • @DmitryPopovFreeWind
    @DmitryPopovFreeWind 7 років тому +36

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

    • @mikeld.2366
      @mikeld.2366 5 років тому

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

  • @shshvvvv
    @shshvvvv 3 роки тому

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

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

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

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

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

  • @maximmakow9522
    @maximmakow9522 7 років тому

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

  • @jahaalimov638
    @jahaalimov638 4 роки тому +1

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

  • @КириллГаврилов-з9г
    @КириллГаврилов-з9г 5 років тому +5

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

  • @Андрей-п6в7д
    @Андрей-п6в7д 2 роки тому

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

  • @user-race-Vulcan
    @user-race-Vulcan 4 роки тому

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

  • @Jdjdjjjxhzh
    @Jdjdjjjxhzh 4 роки тому +1

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

  • @gamet8290
    @gamet8290 3 роки тому

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

  • @mrs.doubtfire8197
    @mrs.doubtfire8197 4 роки тому

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

  • @KrotUA
    @KrotUA 7 років тому +2

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

  • @МарсельСтечкин
    @МарсельСтечкин 4 роки тому

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

  • @bohdanboberskyi9425
    @bohdanboberskyi9425 5 років тому +1

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

  • @АнтонАнтонов-ж7л
    @АнтонАнтонов-ж7л 5 років тому

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

  • @arhimed6720
    @arhimed6720 6 років тому +1

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

  • @kostasnegrov4437
    @kostasnegrov4437 3 роки тому

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

  • @goodirkutsk
    @goodirkutsk 4 роки тому +1

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

  • @ИринаШаповалова-р3х

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

  • @talas12341
    @talas12341 7 років тому +415

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

    • @nikitos23kh
      @nikitos23kh 6 років тому +22

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

    • @shinmalphur9214
      @shinmalphur9214 6 років тому +102

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

    • @ДмитрийМальков-з5э
      @ДмитрийМальков-з5э 6 років тому +5

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

    • @GangsterTheKidBi
      @GangsterTheKidBi 6 років тому +8

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

    • @ЛеонидОрлов-в2п
      @ЛеонидОрлов-в2п 6 років тому +6

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

  • @loki-rg6yo
    @loki-rg6yo 6 років тому

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

  • @SergioUkrAr
    @SergioUkrAr 6 років тому

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

  • @ВладиславШаманов-и8о

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

  • @iqbot3693
    @iqbot3693 6 років тому +5

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

  • @МаксимБистрянцев
    @МаксимБистрянцев 6 років тому

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

  • @LifeStyle0
    @LifeStyle0 3 роки тому

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

  • @realfootball338
    @realfootball338 4 роки тому

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

  • @dospehi-blogera
    @dospehi-blogera 7 років тому +2

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

  • @LxndrKrchvtsv
    @LxndrKrchvtsv 7 років тому

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

  • @dev_academy
    @dev_academy 6 років тому

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

  • @wesoychswiat5115
    @wesoychswiat5115 7 років тому +1

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

  • @sciencecommunity9787
    @sciencecommunity9787 4 роки тому

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

  • @StomperFromChildhood
    @StomperFromChildhood 5 років тому

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

  • @ПрОМаСтЕр-р9я
    @ПрОМаСтЕр-р9я 7 років тому +9

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

  • @wladarr5794
    @wladarr5794 5 років тому

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

  • @azatsultanov6713
    @azatsultanov6713 6 років тому

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

  • @amylouis7750
    @amylouis7750 3 роки тому

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

  • @rbeguns.direct1110
    @rbeguns.direct1110 4 роки тому

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

  • @АндрейГурлев-т8в
    @АндрейГурлев-т8в 2 роки тому

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

  • @MrTrevolta
    @MrTrevolta 7 років тому

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

  • @EK-sr5wn
    @EK-sr5wn 7 років тому

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

  • @musoverda5500
    @musoverda5500 7 років тому

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

  • @СергейИванов-й5х2х

    Бамбически!

  • @makcimhvatov454
    @makcimhvatov454 5 років тому

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

  • @katunkroakl
    @katunkroakl 6 років тому

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

  • @vasiliy.poddubny
    @vasiliy.poddubny 4 роки тому

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

  • @vitalyorlov9154
    @vitalyorlov9154 7 років тому

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

  • @Скыбыдыщь
    @Скыбыдыщь 5 років тому +17

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

  • @noname1999x
    @noname1999x 4 роки тому

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

  • @rustammaxmudov2621
    @rustammaxmudov2621 4 роки тому

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

  • @pypchenkoboris
    @pypchenkoboris 5 років тому

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

  • @konopatbli
    @konopatbli 7 років тому

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

  • @aleksandrkokin6065
    @aleksandrkokin6065 7 років тому

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

  • @wdm
    @wdm  7 років тому +58

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

    • @boy_from_the_Volga_banks
      @boy_from_the_Volga_banks 7 років тому +4

      Спасибо Алексей! Очень интересно, понятно излагаете все свои мысли и слушать приятно, как документалку на канале Discovery ))

    • @Msvit
      @Msvit 6 років тому

      Подскажите почему логотип сделанный в фотошоп не открывается в шаблоне ворпрес? остаётся файликом, а на рабочем столе изображение емть и в паинте тоже открывается. Хотя другие картинки из интернета загружаются

    • @greecetourist
      @greecetourist 5 років тому +2

      @@Msvit Неправильно логотип сохранили. Для wordpress нужно jpg или png

    • @ОлександрРожнов
      @ОлександрРожнов 2 роки тому

      Подскажите, пожалуйста, что за программа или среда разработки.

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

      @@ОлександрРожнов Codepen.

  • @MultiDESTROER
    @MultiDESTROER 6 років тому

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

  • @TeaAndCoffe
    @TeaAndCoffe 6 років тому

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

  • @rademaxbh
    @rademaxbh 7 років тому +1

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

  • @vitya008
    @vitya008 5 років тому

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

  • @НатальяСоколова-я1г
    @НатальяСоколова-я1г 6 років тому +8

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

  • @fanckler
    @fanckler 7 років тому

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

  • @llamakabuild
    @llamakabuild 6 років тому

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

  • @wahub_ru
    @wahub_ru 5 років тому

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

  • @Видево-я5п
    @Видево-я5п 5 років тому

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

  • @AlexAlex-lt9vl
    @AlexAlex-lt9vl 5 років тому

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

  • @arekuUA
    @arekuUA 6 років тому

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

  • @vetero4eg
    @vetero4eg 7 років тому

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

  • @marduh-web
    @marduh-web 7 років тому

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

  • @МаринаТюгай
    @МаринаТюгай Рік тому

    Благодарю ❤

  • @maxgold1539
    @maxgold1539 5 років тому +1

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

  • @JigsawDaMasta
    @JigsawDaMasta 7 років тому

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

  • @HICjump
    @HICjump 7 років тому

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

  • @timlarkin419
    @timlarkin419 5 років тому

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

  • @kiberjen9338
    @kiberjen9338 6 років тому

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

    • @wdm
      @wdm  6 років тому

      Sass: ua-cam.com/video/H4cG4tbc-xQ/v-deo.html

    • @kiberjen9338
      @kiberjen9338 6 років тому

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

    • @wdm
      @wdm  6 років тому

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

  • @ПростоУлыбка-ш2о
    @ПростоУлыбка-ш2о 7 років тому +9

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

  • @Техносервис-ш4ы
    @Техносервис-ш4ы 5 років тому

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

  • @trenersambo
    @trenersambo 3 роки тому

    Здравствуйте.
    Какой CSS-эффект использован, чтоб на пересечении белых линий (gap'ов) то исчезали то появлялись серые точки?
    :)

  • @aniluffi4822
    @aniluffi4822 3 роки тому +1

    Крутой!

  • @kirabogema
    @kirabogema 7 років тому

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

  • @jek126
    @jek126 6 років тому

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

  • @JohnDoe-p1y
    @JohnDoe-p1y 4 роки тому

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

  • @pauldudich
    @pauldudich 5 років тому

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