Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Hero + About

Заждался 😍

Привет! Пару дней назад сломался stylelint, вышло крупное обновление. Сколько ни пытался, не смог правильно перенастроить его под SCSS. Сам пользуюсь сборкой Gulp на основе твоей сборки. Буду признателен, если расскажешь как снова настроить работу с SCSS

Спасибо) Поинтереснее кальмаров будет)) ждем следующую серию)

Благодарю, много интересного узнал.

Только подумал о новом уроке, решил проверить и не ошибься) Благодарю!

Вот , дождался. Иду делать урок !

Классный урок. Все четко =) Советую проходить !

Опять балдёёёж!! Ещё урок!! Ждём следующих!!

Спасибо

спасибо, интересно, все дела)))
но....
почему не используешь обнуляющие стили/сам не допилишь? ведь зачем постоянно ставить margin: 0; и т.п. ..... опять же, не доколупаться, а понять точку зрения автора, может какой есть скрытый смысл))))

Никогда не видел верстки лучше!

Благодарю за полезную информацию! Отличный урок и марафон! Много нового, лично для меня))) Жду следующих выпусков!

Отличный урок. Спасибо
В rgba можно использовать переменную, по крайней мере через $

Макс,почему ты используешь развернутый код для backgraund? В чем основное различие между тем как пишешь ты image ,size и тд и к примеру backgraund:url():no repiad ,надеюсь я правильно сформулировал свой вопрос

Спасибо!!!
Максим, большие паддинги лучше не использовать, как границу определить, что большой паддинг?

Спасибо, как всегда полезно.

А для чего юзать Типограф?

Спасибо!

Я не понимаю, как ты так делаешь что ставишь vscode выше браузера, потом переходишь в фигму, а потом обратно переходишь в браузер и у тебя там и браузер и vscode находится. Научи
И какого у тебя размера монитор? Тебе удобно так делать? у меня монитор 34 дюйма, широкоформатный и то не очень удобно такое проворачивать)

ЕЕ Макс, спасибо, смотрим ! По такой качественной подачи информации ничего нет на ютубушке , собираеш нас тут всех как всегда.

Благодарю за урок!

Жду продолжение

Хороший марафон, спасибо что все так понятно объясняешь!)
Только мне лично удобнее сбросить все стили сначала через тот же reset.css, чтобы потом margin: 0; у каждого блока не писать
Ну и Ebony цвет это конечно сильно))

Вы говорите используем спрайты, но у меня чет не получаются иконки такие же. Можно как нить про спрайты рассказать, как сделать?

Спасибо большое за урок, все получилось, почерпнула для себя много полезностей :) Подскажи, пожалуйста, видео лучше загружать через video src или с помощью iframe? В интернете мнения разнятся, была бы рада услышать твое

А целесообразно ли использовать button для таких кнопок, которые по факту можно сделать через тег a ?

Делай добро и бросай его в воду. Болгарская народная пословица.

Смысл заключается в том, чтобы не говорить о своих совершенных добрых поступках, не хвастаться ими. А бросать в воду, чтобы пошли круги и запустилась "цепная реакция" добра.Спасибо тебе,Макс!

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

Максим, поясните, пожалуйста, момент на 14-18: почему на блоки нельзя ставить марджины?

Максим, а почему hero-bg в стилях, а не вставлен инлайново через html? А если захотят заменить bg?

Спасибо за видео!

у меня почему то SVG только в черном устанавливается на сайт :(( все перепробывал и цвет менял и из вашего репозитория брал их, но они все равно черные вставляются

createx construction почему h1 это ведь слайдер? сама суть h1 нарушается, в этом шаблоне на главной как такового нету h1 ,только если скрытый sr-only для иерархий

Как по мне лучшие уроки по front'у, спасибо.)

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

А разве блокам в БЭМ можно задавать внешнюю геометрию?

Я конечно пока не шарю в gulp, но тем не менее всё понятно, у себя учусь и верстаю без сборщика пока что, спасибо)

все супер, но почемуто когда добавил полигонки в спрайт, буква в букву как у тебя они отображаются черным цветом. хотя все делаю вслед за тобой. открываю svgшки по отдельности - они белые. у меня сломался мозог ). сборка галпа твоя по ссылке под видео. не знаю правильно сделал или нет - закоментил строку $('[fill]').removeAttr('fill'); в const svgSprites и начали отображаться белым...

приветствую. а что посмотреть чтоб заставить эти кнопки работать?

Отличный контент. Огромная благодарность автору! )

При любых стараниях подогнать под Pixel Perfect, никак не получается. Что-то да вылазит за пределы на 0.5-1px. Это допустимо? Я скопировал весь код, макеты и т.д., но все поплыло все равно и все подгонки у меня другие по значениям. По факту получается, то нет никакой гарантии, что у заказчика все будет идеально.

а еще уж очень gulp сборка хороша.

Благодарю за урок!

Спасибо за уроки=))
Если у кого нибудь будут проблемы со спрайтами, у меня лично они по дефолту стали черными, то я решил проблему так, svg {
height: 20px;
width: 20px;
fill: var(--light-color);
}

Спасибо за ещё один отличный урок! К концу видео стал понимать насколько круто использовать ф-ию include, когда задумался зачем нам файл с двумя строками _about-section.scss, так вот сначала не понял, а потом как пооонял😀 скорей бы следующий пройти)