Полазил в интернете, почитал про тебя, какой у тебя был интересный путь становления. Я очень рад, что есть такие люди с завидным упорством. Ты вложился в это дело, теперь раздаешь другим. Мало таких, с большим сердцем!
думал что Grid, это очень очень темный лес, но после увиденного, начинаю в него влюбляться все больше и больше !!! как всегда , ОГРОМНОЕ СПАСИБИЩЕ за столь четкую и ясную информацию!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! вы самый лучший! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
Женя, спасибо за все твои уроки, пока что ты для меня - фаворит в эффективности донесения информации, просто не перестаю удивляться такому качеству, ещё и за бесплатно. Лучший.
Для таких полезных видео слишком мало лайков... непорядок! Ребята видимо хотят слушать песни Аллы Пугачевой под балконом и усиков на фотографиях🤣🤣 Обожаю ваш канал с вашим юмором. Продолжайте в том же духе🔥🔥🔥
Контент - СУПЕР! Слідуючи порадам Жеки, під час освоєння нового матеріалу, завжди себе себе запитую "А що , якщо?..." (Ось тут виникло запитання !) : "А що, якщо я хочу дублювати якийсь елемент грід-сітки? Відобразити його кілька разів ? Повторити у різних областях або ж просто не займатися Ctrl+C & Ctrl+V у html-файлі ? ", в Google поки ще не знайшов ))
Привет Жека) немного запутал. Говоришь колонки, когда нужно говорить про линии сетки. Если бы не внимательно смотрел предыдущие уроки так бы и не понял о чём ты. На 04:00 говоришь, что стартует с 3-й колонки, хотя стартует с третей линии. Спасибо за уроки, ты лучший:3
Записываю важные данные в блокнот по тем видео которые есть в курсе. Как Вы делали в начальных уроках курса, мне это помогает, так как не всегда удобно искать в браузере/закладках данные шпаргалки. Периодически, я читаю эти записи и вспоминаю пройденное. И, тут меня посетила идея, прекрасно бы было иметь методичку по данному курсу. В ней бы были собраны те данные из записей блокнота и указаны узкие места (типа, где не стоит применять процентные
Женя, здравствуй! Подскажи пожалуйста, почему на 4:40 при задании растяжения по сетке на три колонки (grid-column-start: span 3;), у нас перестает работать свойство для растяжения по строкам (grid-row-start: span 2;)? Причем, простировав это дело у себя, я заметил, что такое поведение наблюдается, только если это у нас самый первый элемент в сетке.
Просто гриды нужно больше практиковать. Простым просмотром уроков ты полного понимания не добьешься, пока сам не "поиграешься" с версткой. Если интересно - есть онлайновый игровой тренажер для практического освоения гридов cssgridgarden.com/#ru
Привет Евгеш, как всегда спасибо за инфу, очень достойно, ответь пожалуйсто на пару вопросов: когда планируеш закончить плейлист по гридам(хотябы примерно) и интересует как вообще этот грид по юзабилити, часто ли ты его используеш?можно ли обойтись флексами или есть ряд задач которые можно выполнить ТОЛЬКО прибегая к гридам?Или ты как бы вместе с нами его изучаеш и в реал лайфе не юзаеш?
Привет Жека. Есть просьба - (при последующих записях) если есть возможность, выдели курсор мышки цветным бекграундом, чтоб было понятно где сейчас курсор на экране. Спасибо
Спасибо за материал. Подскажите, если нужно удалить скажем второй блок грида, что бы затем вся сетка схлопнулась как это сделать? Сделал пока так, удаляемому блоку присвоил свойства order с максимальным значением (число больше чем у вас в сетки блоков), а затем уничтожаю блок. Может есть более правильный вариант? Обновление сетки грида? Спасибо.
Спасибо, классный урок) Есть вопрос, не пойму, почему на минуте 4:43, когда мы задали grid-column-start: span 3;, наш первый элемент растянулся на все 3 ячейки, но тут же он перестал занимать 2е строки, хотя grid-row-start: span 2; у нас остался прежним. По идее при коде .grid_item_1 { grid-row-start: span 2; grid-column-start: span 3; } У нас этот первый элемент должен занимать 2 строки и 3 столбца, или это как-то по-другому работает? как-то возможно при использовании span второе свойство убивает первое. Можете пожалуйста объяснить?
Это все связано с явно заданной сеткой: grid-template: repeat(2, 1fr) / repeat(3, 1fr); Если использовать такой набор значений .grid__item1 { grid-row-start: span 2; grid-column-start: span 2; элемент ведет себя предсказуемо, но если изменить grid-column-start на span 3 то .... Я пока точно не понимаю как это связанно, но продолжаю копать инфу
Давно не смотрел плейлист, решил допройти. Поэтому надеюсь на Вашу помощь, Жека, а то недопонял. Вы говорили, что если для элемента сетки добавить margin, он не будет схлопываться. Не совсем просто понял, в силу того, что давно не практиковался, что означает схлопывание? Заранее спасибо за ответ!
это когда в двух соседних марджинах, тот что побольше, съедает того что по меньше. и в итоге два марджина не складываются, а остается только больший марджин. меньший тоже остается, но внутри большого
Молодец, что снизил скорость повествования. Контент сложный пересматривать приходится по нескольку раз. Догадываюсь, что гриды приходят на замену таблицам.
Полазил в интернете, почитал про тебя, какой у тебя был интересный путь становления. Я очень рад, что есть такие люди с завидным упорством. Ты вложился в это дело, теперь раздаешь другим. Мало таких, с большим сердцем!
Жека спасибо большое, так качественно даже за деньги не делают, очень ценю тебя, лучший!
думал что Grid, это очень очень темный лес, но после увиденного, начинаю в него влюбляться все больше и больше !!! как всегда , ОГРОМНОЕ СПАСИБИЩЕ за столь четкую и ясную информацию!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! вы самый лучший! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
Спасибо огромное! Стабильно качественный и информативный урок!
Пожалуйста!
@@FreelancerLifeStyle пп
полностью поддерживаю!
Четко,понятно,профессионально. Материал отлично спланирован и подан.Топовое качество.
Спасибо за информативный урок.
Пожалуйста!
Спасибо большое ,с вашей помощью делаю сайт для резюме ,обожаю Ваши слова ,вот бы и дети мои слушали Вас.
Я рад!
Женя, спасибо за все твои уроки, пока что ты для меня - фаворит в эффективности донесения информации, просто не перестаю удивляться такому качеству, ещё и за бесплатно. Лучший.
Суперские уроки! Спасибо большое!! Все понятно и доходчиво!
Я рад!
Огромное спасибо! Очень информативно, профессионально, полезно, а самое главное, не скучно!
Бесконечно благодарен! Просто, понятно и практично. Лучшие уроки!
Большое спасибо. Очень полезно и наглядно. Стандартно наивысшее качество!
Доступно, классно и понятно, очень хороший контент! Благодарю!
Смотришь и наслаждаешься!
Ураааа!!! Новый урок по Grid!!!
Женя, спасибо! Люблю учить верстку по твоим урокам.
Пожалуйста!
Как у вас успехи спустя 2 года?
Дуже Хороший урок... Величезне Вам "Дякую"...
Спасибо большое!! Все понятно и доходчиво! Лучшие уроки!
Очень доходчиво и наглядно))) спасибо!!!
Круто! Жду следующую часть!!!
Работаю
Молодец ! Продолжай в том же духе. Уроки очень приятно смотреть.
Спасибо!
В очередной раз говорю тебе Спасибо за твои суперские уроки!!!
супер уроки, очень доходчиво! спасибо большое! всех благ!
Пожалуйста!
Оказалось не так сложно. Спасибо!!!
Жека ты как всегда на высоте! Спасибо за хорошее объяснение
здравствуйте,Евгений.Как всегда понятно и качественно.Хотелось бы увидеть ещё видео про адаптив
Уже было. ua-cam.com/video/XbnAKjjlgc4/v-deo.html
Женя, дуже дякую! Корисно та доступно!
плейлисты по flex и grid просто золотые! огромное вам спасибо!
посмотрел все выпуски🥰 и лайкнул ❤
Оч крутой туториал!
Спасибо) Ваши видео оч приятно смотреть.
Я рад!
Ты лучший и останешься им! И спасибо, что освещаешь реальные события!
Замечательное объяснение. Все четко и понятно!
Преподавание шедеврально)
Спасибо)
На уровне!
Женя, ты супер! Как всегда)
Мощны... Тобто, потужний урок. Що треба!
Лайк за очень познавательный контент
Офигеть... так круто разжевать гриды. Это - нечто.
"Вычисления weeds and high" - норм тема 🥸
Спасибо, Жека!!!
Чудове відео! Дякую!🙏
Жека, огромное тебе спасибо!
Спасибо за урок :))
Спасибо за отличный урок!
Женя спасибо тебе огромное!
Посмотрел всё и это было круто!
Я рад!
Збыл сказать СПАСИБО. Ты - лучший.
Спасибо за гриды!👍
Как всегда - класс!
!!! Спасибо тебе, Человек!!!
Спасибо за туториал!
Топовый урок, для новичка в верстке мало подробностей конечно, но всё понятно и можно самому разобраться в остальном)
Там 4ре части про гриды, надеюсь информации достаточно
Спасибо 🤘
Молодчага!
Просто нет слов все очень круто
Жека Спасибо!!!
Для таких полезных видео слишком мало лайков... непорядок!
Ребята видимо хотят слушать песни Аллы Пугачевой под балконом и усиков на фотографиях🤣🤣
Обожаю ваш канал с вашим юмором. Продолжайте в том же духе🔥🔥🔥
Спасибо за ролик
Гарний контент, дякую
Дякую за урок!
Много обучающих видео просмотрел, но только у Жеки качество на таком высоком уровне.
Женя топ как всегда пересмотрю ещё раз что))), жду шпору
ты крут.......
Спасибо!
Контент - СУПЕР! Слідуючи порадам Жеки, під час освоєння нового матеріалу, завжди себе себе запитую "А що , якщо?..." (Ось тут виникло запитання !) : "А що, якщо я хочу дублювати якийсь елемент грід-сітки? Відобразити його кілька разів ? Повторити у різних областях або ж просто не займатися Ctrl+C & Ctrl+V у html-файлі ? ", в Google поки ще не знайшов ))
Спасибо)
Спасибо! 👍✨
Класс!👌
Спасибо!
Жду продолжение!!!!
Привет Жека) немного запутал. Говоришь колонки, когда нужно говорить про линии сетки. Если бы не внимательно смотрел предыдущие уроки так бы и не понял о чём ты. На 04:00 говоришь, что стартует с 3-й колонки, хотя стартует с третей линии. Спасибо за уроки, ты лучший:3
крутой туториал
Лучший!
Спасибо!
Спасибо
Пожалуйста!
Записываю важные данные в блокнот по тем видео которые есть в курсе. Как Вы делали в начальных уроках курса, мне это помогает, так как не всегда удобно искать в браузере/закладках данные шпаргалки. Периодически, я читаю эти записи и вспоминаю пройденное. И, тут меня посетила идея, прекрасно бы было иметь методичку по данному курсу. В ней бы были собраны те данные из записей блокнота и указаны узкие места (типа, где не стоит применять процентные
Жесть как круто!
thanks
Здравствуйте!! Уроки просто топ))!! Спасибо) А как вы показываете верстку заказчику перед оплатой? Заранее спасибо))
Женя, здравствуй! Подскажи пожалуйста, почему на 4:40 при задании растяжения по сетке на три колонки (grid-column-start: span 3;), у нас перестает работать свойство для растяжения по строкам (grid-row-start: span 2;)? Причем, простировав это дело у себя, я заметил, что такое поведение наблюдается, только если это у нас самый первый элемент в сетке.
Уроки клас, спасибо. С каждым новым видео понимаю все меньше😁. Flexы были понятнее 🤔
Просто гриды нужно больше практиковать. Простым просмотром уроков ты полного понимания не добьешься, пока сам не "поиграешься" с версткой. Если интересно - есть онлайновый игровой тренажер для практического освоения гридов cssgridgarden.com/#ru
@@masterbiz100 крутой тренажор, а есть еще какие небудь тренажори на русском?
Топ контент
спасибо!
Привет Жека! А когда урок по swiper JS?
Привет Евгеш, как всегда спасибо за инфу, очень достойно, ответь пожалуйсто на пару вопросов: когда планируеш закончить плейлист по гридам(хотябы примерно) и интересует как вообще этот грид по юзабилити, часто ли ты его используеш?можно ли обойтись флексами или есть ряд задач которые можно выполнить ТОЛЬКО прибегая к гридам?Или ты как бы вместе с нами его изучаеш и в реал лайфе не юзаеш?
норм он тебе ответил
Дякую!
Дякую!)
Файно))
Пушка!
Спасибо!
Let`s go!
Привет Жека. Есть просьба - (при последующих записях) если есть возможность, выдели курсор мышки цветным бекграундом, чтоб было понятно где сейчас курсор на экране. Спасибо
Как всегда the best !!!
А я через grid-area создаю разметку. Это не ошибка с моей стороны?
.item-header {
grid-area: 1/1/2/5;
}
Я вот как раз об этом и не говорил, так как слишком запутанно. Лучше сначала проработать более простые записи
@@FreelancerLifeStyle благодарю
Спасибо за материал. Подскажите, если нужно удалить скажем второй блок грида, что бы затем вся сетка схлопнулась как это сделать? Сделал пока так, удаляемому блоку присвоил свойства order с максимальным значением (число больше чем у вас в сетки блоков), а затем уничтожаю блок. Может есть более правильный вариант? Обновление сетки грида? Спасибо.
запиши небольшое видео как пользоваться Devtools =)
Спасибо, классный урок)
Есть вопрос, не пойму, почему на минуте 4:43, когда мы задали grid-column-start: span 3;, наш первый элемент растянулся на все 3 ячейки, но тут же он перестал занимать 2е строки, хотя grid-row-start: span 2; у нас остался прежним.
По идее при коде
.grid_item_1 {
grid-row-start: span 2;
grid-column-start: span 3;
}
У нас этот первый элемент должен занимать 2 строки и 3 столбца, или это как-то по-другому работает? как-то возможно при использовании span второе свойство убивает первое.
Можете пожалуйста объяснить?
Это все связано с явно заданной сеткой:
grid-template: repeat(2, 1fr) / repeat(3, 1fr);
Если использовать такой набор значений
.grid__item1 {
grid-row-start: span 2;
grid-column-start: span 2;
элемент ведет себя предсказуемо, но если изменить grid-column-start на span 3 то ....
Я пока точно не понимаю как это связанно, но продолжаю копать инфу
Мне интересно, я не один ещё кто дошёл до этого момента ? )) Всем привет кто жив! Я с 2024 года.
Zoʻr
🔥👍🔥
Спасибо!
@@FreelancerLifeStyle Тебе спасибо!!!
обоим вам спасибо
Привет! Можно ли сочетать grid и flex внутри одного проекта? Или это не имеет смысла?
Да, можно
Привет! Как добавить пустую строку между уже существующими с контентом
Сделать полосу-ячейку на всю ширину сетки? :) Или вы не о том?
Давно не смотрел плейлист, решил допройти. Поэтому надеюсь на Вашу помощь, Жека, а то недопонял. Вы говорили, что если для элемента сетки добавить margin, он не будет схлопываться. Не совсем просто понял, в силу того, что давно не практиковался, что означает схлопывание?
Заранее спасибо за ответ!
это когда в двух соседних марджинах, тот что побольше, съедает того что по меньше. и в итоге два марджина не складываются, а остается только больший марджин. меньший тоже остается, но внутри большого
Молодец, что снизил скорость повествования. Контент сложный пересматривать приходится по нескольку раз. Догадываюсь, что гриды приходят на замену таблицам.