Верстка на CSS Grid Реального Проекта

[@Дмитрий-д8о6м]

просто смотрю 16 минут и восторг, насколько легко вы верстаете на гридах, просто проехались катком по этому макет.Браво!

[@deniralisimus2189]

Будь добр, верстай от начало до конца, и ничего не ускоряй/пропускай, сдесь же люди собрались которые хотят научиться верстать правильно) А в целом видео круть, продолжай в том же духе👍🏾

[@GoldbergCC]

Саша, спасибо огромное за пояснения! P.S. Может кому-то будет полезно... :) Картинки можно гораздо быстрее вырезать и сохранять, если не кадрировать их инструментом "Рамка", а берешь, отключаешь все слои, оставляешь только нужный, далее ctrl+A, ctrl+C, ctrl+N и Фотошоп новый файл создаст уже с нужными размерами, т.е. сразу обрежет пустоту, ну и далее ctrl+V и готово. :) И соответственно, если надо несколько слоев сохранить в картинку - оставляем нужные слои, объединяем их (ctrl+shift+E), далее, как писал выше... выделяем все, копируем, вставляем...

[@konstantinsurnin855]

странно в 2020 видеть макет не в фигме

[@AlekseyNaumov_734]

@@konstantinsurnin855 Для фотошопа есть плагины, которые показываю все пfраметры CSS

[@fffffristaylo]

Единственно непонятно,мы высоту row поставили auto,если вдруг захотят поменять и будет вразнобой высота картинок?Может картинки block лучше сделать?

[@AntonioBenderas]

где этот макет взять?

[@ВладимирГоринов-в1у]

Печально, идет 2019 год и каждый раз люди плодят у своих "учеников" такую болезнь как "дивянка". Для особо одаренных вместе каждого дива можно было прописать тэги - header, footer, main, aside, и еще кучу разных тэгов придуманных для верстальщиков что бы оставить приятные впечатления бэк-энду и ceo. Если уж учить, то учить сразу без граблей и правильно.На будущее тем людям, которые хотят верстать и продвигаться по карьерной лестнице - не пишите div='header', пишите header.class="header" и вас будут любить.

[@qAntBcn]

Слова в 7:06 как раз для тебя прозвучали, зануда )

[@ВладимирГоринов-в1у]

@@qAntBcn ничего что он так этого не сделал? Видимо вы плохо смотрели видео

[@KGZVER]

@@qAntBcn надо сразу делать семантику чтобы люди привыкали

[@Bugsy0987987]

БЭМ-БЭМ-БЭМ

[@createdbytora]

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

[@bemozg]

Здравствуйте Виктория! У меня не получается купить. Можете поделиться макетом, если не жалко)) kzbin.info/www/bejne/pobSc6Kpo612gtk [e-mail] Жду вашего ответа. Спасибо

[@_Fantom_.]

Не понимаю, почему у меня в html-файле, свойство: style="background: url()", не работает, и даже синтаксис не подсвечивается?

[@vld-k]

Ждем вторую серию, натяжка этой верстки на вордпресс.

[@serhii_uit]

Давай сложный макет. Мне нравится твои видео-уроки!

[@samvelmovsisyan513]

Извините я бы хотел узнать как вы делайте что синтакс style.less автоматический переходит на style.css

[@СергейИльин-э5с]

Я использую программу Koala - она бесплатная и простая в использовании

[@evgenijkupriyan2796]

Спасибо! Но где ссылка на этот макет?

[@АлександрБасан-н6о]

хз

[@МежрёбернаяНевралгия]

Почему при увеличении масштаба оранжевая маска и то что внутри класса info-box вываливается из картинок? Почему контентные изображения в нижнем блоке сделаны фоновыми? Конечно, это удобно, но неправильно. Профессиональненько.... И да, зачем было увеличивать скорость в середине видео, чтобы ученики скорость 0.25 ставили что ли?

[@Snegodyai]

Я не знаю, но у меня почему то такая конструкция не работает: .gallery{ display: grid; grid-template-columns: 360px 1fr 1fr; grid-template-rows: 370px 370px; .grid-item:nth-child(2){ grid-column-start:2; grid-column-end: 4; } }

[@syndikat8593]

Напишите отдельно : .gallery .grid-item:nth-child(2) { grid-column-start: 2; grid-column-end: 4; }

[@nsksatin]

@@syndikat8593 спасибо, хорошо что комментария зашел почитать

[@NG-gz9ly]

А нельзя было ссылкам из навигации нижнее подчеркивание добавить через - border-bottom: 1px dashed grey; ?

[@bedeveloper]

в дизайне узор а не пунктир. его нужно вырезать. иначе будет просто похоже но не как в дизайне..

[@moss7132]

Большое спасибо за видео! Продолжай в том же духе!

[@arthurosipov8283]

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

[@vladi4507]

Александр будут ли видео от вас на самую горячую тему а именно создание своих блоков для gutenberg?

[@merelyigor]

А будут видео по теме roots.io, saga, bedrock и тд??? Не для новичков но для бывалых

[@LogopedLTD]

Вообще лучше чисто на флексах или грид\флекс?

[@69hp_pubg]

Грид + Флекс

[@Ilyasgu]

На одних флексах или гридах сложный макет не сверстаешь

[@idontknow_]

@@Ilyasgu Почему?

[@NG-gz9ly]

Почем плагины для sublime text не используешь

[@Feylog1]

а зачем вам давать знания, вам надо давать ссылку на psd с оплатой

[@МаксКондратенко-ц2е]

@@Feylog1 хорошо сказано

[@АлександрЛ-ч2л]

grid -- штука хорошая, но не рано ли для грида? CANIUSE говорит о 90% поддержке, т.е. каждый 10 посетитель останется за бортом.

[@69hp_pubg]

Начни изучать сейчас, тогда потом перейти будет легко А лучше сначала изучи ФЛексы

[@KGZVER]

У тебя неправильная логика. Дело в том что в этих самых 90% браузеров сидят 99.999% людей. Остальные 10% браузеров это всякие мегаустаревшие версии всяких мозилл и тд, где никто толком уже не сидит.

[@edinacmaxim6349]

скиньте кто то пожалуйста верстку по братски

[@mykolachadovych7863]

Спасибо

[@lvivduncan]

автор, если тьі занимаешься версткой с 2007 года, то почему не используешь шифт для измерения длиньі в фотошопе? да и еммет в верстке давно must have

[@DrakeDrow]

Давай тяжелей макет !!! =)

[@alexandrv7277]

Разносить title и gallery - это не есть хорошо. Это один логический блог.

[@jestero8709]

12 блоков рекламы в видео, не, не буду такое даже смотреть

[@Видево-я5п]

Диз за платный psd

[@СергейВектор]

обратите внимание что файл стилей подключен style.css, а нам показывает style.less. Ещё и PSD платный!!! Отписка!!!

[@krutihka213]

так style.less же компилируется style.css

[@TheJonvish]

@@krutihka213 Видать не так уж оно и компилируется. Я за ним буква в букву повторяю и сижу и удивляюсь какого хера оно не работает

[@andreyKrivsenko]

@@TheJonvish может ты почитаешь сначала, что такое less и как он работает?

[@andreyKrivsenko]

@@TheJonvish значит уже почитал)

[@Ilyasgu]

@@andreyKrivsenko Херачит в CSS вложенные селекторы и думает, что его где-то наеб@ли))

[@vld-k]

Нада уже юзать Visual Studio Code, все уже перешли.

[@alexkkm78]

какая разница, на вкус и цвет

[@thegate4407]

Это херня а не макет