Все супер. Как всегда РЕСПЕКТ И УВАЖУХА. ТОлько одного не понял, Какое преимущестрво GRID перед FLEX в сегоднешней адаптивной верстке? Да на больших экранах можно выстроить интересную структуру на GRID. GRID сжимаемся, но не перестраивается под размер экрана. Смысл тогода видеть сильно уменьшенную версию сайта на GRID на мобильных экранах???
А почему ты не оставляешь ссылки на архив с файлами с урока или ссылку на GitHub? Просто так можно было бы скачать файлик и параллельно с тобой покопаться. Или ты специально так делаешь, чтобы мы не ленились и делали все сами?)))
та правильно делает, обычно народ как, посмотрел и думает что все, збс, я запомнил, а как руками начинают писать так сразу вопросы какого лешего оно не работает и т.д., когда пишешь руками остается память, а когда что то не получается и ты находишь решение, вот тогда офигенно запоминается, правда я на JS когда что то делаю на понимание, по итогу код работает, хоть и не сразу в основном, но потом через пару дней на него смотрю и думаю, а как я это написал ))
Смотрю уроки про grid CSS на большом экране телека, изображение чёткое, разрешение соответствует... Качество изображение стало лучше, спасибо за твои уроки и твой труд!
Я начинала с ваших уроков свои попытки войти в айти) Я продолжаю учиться, но вы как были одним из лучших, так и остаетесь. Вам давно пора школу открывать! У меня к вам большая просьба с точки зрения новичка, который по крупицам собирает в резюме все что угодно, чтобы продемонстрировать "Я читал, слушал, вот там и тут". Т.е. просьба называть курсы на Ютубе таким образом, чтобы их можно было указывать в резюме. К примеру, курсы на Юдеми или Орейли - это тот же Ютуб по сути, но на другой площадке. Ваш уровень преподавания гораздо выше, чем у большинства людей, которые берут за это деньги! Качество контента, да и все вообще на высоте. Вы делаете огромную работу. Просьба только как-то это все оформить, чтобы на вас можно было ссылаться. Оно возможно и вам полезно будет с точки зрения, чтобы вас упоминали чаще. Большое спасибо!
Дякую Вам за ваші уроки, вони суттево допомогають в розумінні верстки і надихають. - можете пояснити чому саме [row2] а не просто [row]. - і чому після закінчення першого рядка надо ставити [row2] і потім формуючи новий дярок знову ставити [row2] ? (16:19 - Свойство grid-template)
Хотел бы уточнить по поводу единиц fr. Fr - фрагмент. Например (1fr 2fr 1fr), означает что грид разбивается на 4 фрагмента (сумма всех фрагментов), первая ячейка сетки занимает 1 из 4 фрагментов, вторая занимает 2 из 4 фрагментов, третья занимает 1 из 4 фрагментов. Все фрагменты одинаковые. Это объяснение мне кажется более понятным.
Грид создает неявно 1 колонку и столько строк, сколько необходимо. В видео автор указал явную высоту 1 строке, а остальные неявные взяли высоту по контенту. Поправьте меня если я ошибаюсь.
самые лучшие и главное понятные объяснения о верстке, без вас я бы еще дольше по времени разбирался. Евгений вы лучший, такое чувство что за работу взялся самый настоящий перфекционист, который понимает что надо для новичка. но у меня еще предложение: как вам идея сделать разбор об инспекторе браузеров? об их фишках и полезностях. так же хотелось бы чтобы еще были макеты для фигмы, поскольку лайфхак с аккаунтами для авакода не работает, по-крайней мере у меня(( но в любом случае, мое тебе почтение и уважение евгений
Большое спасибо за этот урок! Я вас в прошлых критиковал, всё никак не доходило до конца, а тут полностью дошло. Долго пытался разобраться с гридами и всё не получалось. Ради интереса переделал ваш двухколоночный макет в трехколоночный плюс футер, и всё это оказалось легко и просто. Использование grid-template даже проще в понимании логики процесса за grid-template-rows + grid-template-columns + grid-template-areas, хотя бы тем, что строки ты прописываешь каждую на отдельной строке, прям как эти строки будут отображаться в макете, а не в ряд как в grid-template-rows, а колонки в одну строку, что тоже удобно, так как создается виртуальное представление колонок.
например я не знаю кол-во строк, ну например интернет магазин и сколько там будет товаров хз. и нужно что бы они не по контенту задавались, а были одинаковы grid-auto-rows заменяет в таком случае grid-template-rows
Спасибо, очень классно смотреть, все очень доступно! жду с нетерпением продолжения! Есть один вопрос: как насчет кроссбраузерности? Ты о ней пока не говоришь, но грид ведь капризничает на сафари например, может ты бы этих тем тоже касался сразу?
Евгений, подписчики ждут видео о личной вашей жизни, мотивирующие цитаты получаются от таких видео, расскажите как учиться чтобы не перегореть, либо что-то о личной мотивации, как настроиться на лучшую жизнь, ведь это не так и просто. Поддержите ребята лайком, дядя Евгений по свободному времени нам что-то преподнесёт проинформирует и поддержит нас интернов.
Не устраивает текущая жизнь или зарплата, хочешь работать из любой точки планеты имея только ноут и инет, либо дома/в офисе, при этом зарабатывать еще вероятно больше чем сейчас - это и должно мотивировать верно ?
Единственное, что пугает верстать на гридах на данный момент, это адаптив. Фиг его знает, что там на мобилах будет, особенно apple, которые и флексы то не всегда жрут.
Здравствуйте! Видео по структуре показывает какими знаниями обладает автор видео, а не преподносит материал для обучения. Учиться на данном видео очень сложно, а вот повторять ранее выученное в самый раз.
Очень понятные и интересные уроки но почему вы не показываете весь код у меня не работает может что-то я не то написал ,но пишу тоже что и вы но у меня грид вообще неработает
🤟 Весь плейлист CSS Grid Layout ruclips.net/video/GV92IdMGFfA/видео.html
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
благодарю за качественный контент, которые вы нам предоставили сенсай :)
Спасибо за урок, искренне благодарен. Не представляю сколько бы времени потратил на изучение данной темы без ютуба и собственно твоего канала!))
Как всегда отличная подача материала)
Знаком с grid, но после этого видео узнал новые свойства, grid контейнера, Круто!👍
Ахренеть какая крутая штука эти гриды! Как досадно что я не научился этому раньше(
Четко,понятно,профессионально. Материал отлично спланирован и подан.Топовое качество.
Спасибо, смотрим дальше)
ты супер, чел!
лучший канал по верстке , что я знаю. Некоторые видео пересматривал раза по 3-4 когда надо освежить в памяти. Кратко понятно и доходчиво!
Спасибо!
Да, я тоже самое делаю ))
Могу десяток названий других каналов перечислить, даже лучше )
@@nikolaydd6219если не сложно, давай)
@@nikolaydd6219 а чё притих?)
Спасибо! Лучшее пояснение, которое нашел. Все по полочкам!
Спасибо! 👍✨
Спасибо, Сенсей!
жду в конце верстки на gridax)
Выпусти пожалуйста ролик по шаблонизатору Twig. Классная штука же. Я бы с удовольствием посмотрел
Пройдя твой плейлист возможно начать выполнять заказы на фрилансе?
Как досниму js конечно
Все супер. Как всегда РЕСПЕКТ И УВАЖУХА. ТОлько одного не понял, Какое преимущестрво GRID перед FLEX в сегоднешней адаптивной верстке? Да на больших экранах можно выстроить интересную структуру на GRID. GRID сжимаемся, но не перестраивается под размер экрана. Смысл тогода видеть сильно уменьшенную версию сайта на GRID на мобильных экранах???
Все будет в практической части
Вітаю, Євгене підкажуть будь ласка, а чи є код CSS спочатку, а то я тільки position: relative бачу і все що під ним. Дякую
Вы на практике чаще используете гриды или флексы?
Колонки разного размера
grid-template-columns: repeat(3, 1fr);/* так не выравнивает колонки в grid потому что сокращённая grid-template перебивает*/
grid-template: "logo header__phone sLink1"
"logo header__phone sLink2" ;
grid-template-columns: repeat(3, 1fr);/* так нормально*/
grid-template-areas: "logo header__phone sLink1"
"logo header__phone sLink2" ;
Привет. Мы можем создавать таблицы с помощью table. Но получается, что лучше делать через grid чтобы было адаптивнее?
А что за расширение в Google Chrome для смены разрешения?
f12 > (в самом левом верхнем углу) Toggle device toolbar
Стоп, а почему не Брекетс?
grid-auto-flow...
column от row отличается только тем что row переносит на следующий ряд, а column пытается поместить все в один?
тут не оч понятно
А почему ты не оставляешь ссылки на архив с файлами с урока или ссылку на GitHub? Просто так можно было бы скачать файлик и параллельно с тобой покопаться. Или ты специально так делаешь, чтобы мы не ленились и делали все сами?)))
Так там же ничего нет полезного. Можно открыть новый проект и ковыряться вместе со мной.
та правильно делает, обычно народ как, посмотрел и думает что все, збс, я запомнил, а как руками начинают писать так сразу вопросы какого лешего оно не работает и т.д., когда пишешь руками остается память, а когда что то не получается и ты находишь решение, вот тогда офигенно запоминается, правда я на JS когда что то делаю на понимание, по итогу код работает, хоть и не сразу в основном, но потом через пару дней на него смотрю и думаю, а как я это написал ))
На протяжении всего видео думал что это все! НО НЕТ!!!)))
Хех)
Жек, у меня вопрос. Ты когда-нибудь проваливал заказы на фрилансе? Просто интересно.
Непомню, бывало отказывался. Но так что бы завалить сроки или просто не сделать небыло
Евгений, спасибо за труд и что делитесь с нами своими знаниями🙏
Пожалуйста!
Смотрю уроки про grid CSS на большом экране телека, изображение чёткое, разрешение соответствует... Качество изображение стало лучше, спасибо за твои уроки и твой труд!
Пожалуйста!
Я начинала с ваших уроков свои попытки войти в айти) Я продолжаю учиться, но вы как были одним из лучших, так и остаетесь. Вам давно пора школу открывать! У меня к вам большая просьба с точки зрения новичка, который по крупицам собирает в резюме все что угодно, чтобы продемонстрировать "Я читал, слушал, вот там и тут". Т.е. просьба называть курсы на Ютубе таким образом, чтобы их можно было указывать в резюме. К примеру, курсы на Юдеми или Орейли - это тот же Ютуб по сути, но на другой площадке.
Ваш уровень преподавания гораздо выше, чем у большинства людей, которые берут за это деньги! Качество контента, да и все вообще на высоте. Вы делаете огромную работу. Просьба только как-то это все оформить, чтобы на вас можно было ссылаться. Оно возможно и вам полезно будет с точки зрения, чтобы вас упоминали чаще. Большое спасибо!
Пожалуйста!
Объясните плиз, зачем вообще нужен grid? Ну для чего эта сетка, если можно и так по макету все раскидать...
"Но и это еще не все!" :)
Что-то я никак не могу подружится с гридами, два раза все курсы пересматривал ну что-то тяжело даётся.
Дякую Вам за ваші уроки, вони суттево допомогають в розумінні верстки і надихають.
- можете пояснити чому саме [row2] а не просто [row].
- і чому після закінчення першого рядка надо ставити [row2] і потім формуючи новий дярок знову ставити [row2] ? (16:19 - Свойство grid-template)
Хотел бы уточнить по поводу единиц fr. Fr - фрагмент. Например (1fr 2fr 1fr), означает что грид разбивается на 4 фрагмента (сумма всех фрагментов), первая ячейка сетки занимает 1 из 4 фрагментов, вторая занимает 2 из 4 фрагментов, третья занимает 1 из 4 фрагментов. Все фрагменты одинаковые. Это объяснение мне кажется более понятным.
Ок, спасибо
Женя ты супер! Классно мотивируешь! Хочу изучить Grid по твоему плейлисту!
Спасибо!
@@FreelancerLifeStyle Спасибо за плейлист и канал в целом. Очень полезно и понятно. И красиво.
Спасибо большое, очень крутые гриды, особенно в сочитании с флексами !
Пожалуйста!
Вы делайте меня счастливым , у вас талант объяснения , спасибо вам большое за ваши старания .
Відео супер, дякую!!!
після твоїх уроків на українській мові, тяжко дивитить тебе на рос.
Українською набагато краже звучиш )))
не понимаю. на 1:40 свойство grid-columns меняет ширину ВСЕХ элементов, но grid-rows - высоту только ОДНОГО. как это работает?
Грид создает неявно 1 колонку и столько строк, сколько необходимо. В видео автор указал явную высоту 1 строке, а остальные неявные взяли высоту по контенту. Поправьте меня если я ошибаюсь.
Привет, когда интернет магазин, продолжение?
На неделе, как только будет время
Какой же классный урок! Спасибо Женя!!!
Жека! а че с кодом CSS обламал?
До речі цікаві генератори Grid:
- grid.layoutit.com/
- cssgrid-generator.netlify.app/
самые лучшие и главное понятные объяснения о верстке, без вас я бы еще дольше по времени разбирался. Евгений вы лучший, такое чувство что за работу взялся самый настоящий перфекционист, который понимает что надо для новичка.
но у меня еще предложение: как вам идея сделать разбор об инспекторе браузеров? об их фишках и полезностях.
так же хотелось бы чтобы еще были макеты для фигмы, поскольку лайфхак с аккаунтами для авакода не работает, по-крайней мере у меня((
но в любом случае, мое тебе почтение и уважение евгений
Nice good
Спасибо!
Давай Жека топи! Лайк не вглядываясь
Спасибо!
Жека, видео позновательное, спасибо тебе за твои уроки
Пожалуйста!
Хорошо, отлично, замечательно :)
Спасибо!
Спасибо, Жека! Учусь по твоим урокам)
Пожалуйста!
Мой 300-й лайк! Не последний! Отличное видео!
Спасибо!
Спасибо все чётко и понятно!!!
Я рад!
Большое спасибо за этот урок! Я вас в прошлых критиковал, всё никак не доходило до конца, а тут полностью дошло. Долго пытался разобраться с гридами и всё не получалось. Ради интереса переделал ваш двухколоночный макет в трехколоночный плюс футер, и всё это оказалось легко и просто. Использование grid-template даже проще в понимании логики процесса за grid-template-rows + grid-template-columns + grid-template-areas, хотя бы тем, что строки ты прописываешь каждую на отдельной строке, прям как эти строки будут отображаться в макете, а не в ряд как в grid-template-rows, а колонки в одну строку, что тоже удобно, так как создается виртуальное представление колонок.
омг где все те люди которые кричали про "где гриды??" как и с флексами очень круто все понятно
Спасибо! Все там же те кто кричит когда JS )))
красавчик, продолжай в том же духе!
Продолжаю!
например я не знаю кол-во строк, ну например интернет магазин и сколько там будет товаров хз. и нужно что бы они не по контенту задавались, а были одинаковы grid-auto-rows заменяет в таком случае grid-template-rows
спасибо вам большое
Спасибо за всё)))
на 10:26 заорал🤣🤣🤣
Давай один день из жизнь фрилансера в топ что бы Женя увидел)))
Я увидел)
Весь прейлист CSS Grid Layout -> Весь плейлист CSS Grid Layout
А в чому різниця між minmax та fit-content ? і та і там можна задавати розмір!?
Фит контент для содержимого,а минмакс для вообщем для ячейки,сори что на русском
Спасибо за такие качественные уроки!
Спасибо, очень классно смотреть, все очень доступно! жду с нетерпением продолжения! Есть один вопрос: как насчет кроссбраузерности? Ты о ней пока не говоришь, но грид ведь капризничает на сафари например, может ты бы этих тем тоже касался сразу?
Получается про можно забыть ?
Заходит потихоньку. Когда это можно применять не думая о кросcбраузерности ?
Думаю уже скоро
Оставь пожалуйста под видео материалы с уроками, хочется руками подвигать потрогать )
Я наверное глупый. Пока не понял "нафига нужен Грид"... :))
Дякую! Все зрозуміло.
Женя говорят щас при верстке grid не понадобится правда?
Дякую Жека. Крутий контент
Евгений, подписчики ждут видео о личной вашей жизни, мотивирующие цитаты получаются от таких видео, расскажите как учиться чтобы не перегореть, либо что-то о личной мотивации, как настроиться на лучшую жизнь, ведь это не так и просто. Поддержите ребята лайком, дядя Евгений по свободному времени нам что-то преподнесёт проинформирует и поддержит нас интернов.
Вот тут можно найти мотивацию ruclips.net/p/PLM6XATa8CAG5tj86KRCFVbPodt5TGQEF9
Фрилансер по жизни - IT и фриланс
Принял) благодарность
Не устраивает текущая жизнь или зарплата, хочешь работать из любой точки планеты имея только ноут и инет, либо дома/в офисе, при этом зарабатывать еще вероятно больше чем сейчас - это и должно мотивировать верно ?
Жека, благодарю!! Очередная годнота.
Пожалуйста!
Спасибо
Пожалуйста!
Сразу лайк :))
Спасибо!
господи, кто может ставить дизы Жеке? это же прекрасный контент!
Удивляюсь, как сложный материал легко заходит при правильной подаче!) Спасибо!!!
Спасибо большое! Видео помогло решить мою задачу)
Приветствую. А где можно бит найти, который в конце выпусков играет?
На патреоне выкладывал
Когда наступил момент имена областей, я реально обалдел, ты крут!)
Ага, прикольная штука
@@FreelancerLifeStyle ты пользуешься гридами?
👍👍👍
Спасибо!
Дякую!)
Жеке надо просто премию человека мира дать!
Благодарю за ваш труд!
Пожалуйста!
cssgridgarden.com/#ru
Игра по гридам.
Единственное, что пугает верстать на гридах на данный момент, это адаптив. Фиг его знает, что там на мобилах будет, особенно apple, которые и флексы то не всегда жрут.
Согласен, будем тестить в практической части
Здравствуйте!
Видео по структуре показывает какими знаниями обладает автор видео, а не преподносит материал для обучения. Учиться на данном видео очень сложно, а вот повторять ранее выученное в самый раз.
Ну так это же последняя часть плейлиста по гридам. Перед просмотром нужно просмотреть предыдущие.
Как всегда топ 😊
Спасибо!
Клас! Спасибо!!)
Пожалуйста!
Смысл урока если адаптив не показал?
Мне очень понравился урок! Я понял что почти ничего не знаю о гридах.
Жду новых уроков.!
Спасибо!
Пожалуйста!
просто он обьясняет хуево
Кращий!
Suuuuuuuuuuuuuuper!!!!!!!!!1
Евгений, МЕГА круто!!!! Спасибо!!!!
Пожалуйста!
Read grid
Очень понятные и интересные уроки но почему вы не показываете весь код у меня не работает может что-то я не то написал ,но пишу тоже что и вы но у меня грид вообще неработает
У вас что-то не так
Это реально удобней флексов
Спасибо, Женя! Огонь!
пожалуйста!
Спасибо огромное, как всегда топ!
Пожалуйста!