Сверстать Блюскай, часть 1 

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

В HTML нет нативной шаблонизации, а делать шаблонизацию с помощью JS на клиенте не совсем разумно - это замедляет загрузку и отрисовку страниц. Так что лучше разобраться со сборкой, это не так сложно, как кажется.

@@pepelsbey Cо сборками работал, и продолжаю работать если требуется, но хотелось бы как можно больше упростить данный процесс и использовать что-то нативное , а не грузить целые сборки которые тянут за собой кучу файлов и библиотек, чтоб в результате инклюдить шапку , футер и еще пару блоков, даже пробовал генератор статических файлов использовать для этой цели)

Я для простых случаев использую Eleventy, он довольно лёгкий и не требует сложной настройки: по умолчанию просто копирует из одной папки в другую.

@@pepelsbey знаю вы поклонник данного генератора, я пробовал Astro. Было бы кстате интересно повторить на данных движках один и тот-же сайт и сравнить в удобстве интеграции, предоставляемых утилитах . а так-же производительности. Так-же интересно посмотреть реализацию не большой верстки, в которой максимум учтены все элементы семантической верстки, доступности для скрин ридеров, моб. устройств, часов и тд, этакий утопический код перфекциониста который учел максимально все.

Иконки я брал прямо из разметки приложения и почти не тратил время на их нормализацию. Они там разные, к сожалению, и наверное к следующему разу всё нужно будет сделать поправить.

Сохранение чата и прочие штуки можно найти в настройках лайва на Ютубе. Я не использую OBS, стримлю прямо из железки ATEM Mini, куда втыкаю HDMI-источники: камеру, ноутбук.

@@pepelsbey , спасибо за ответ 🙂

Спрайты это шаг по оптимизации, так что я решил не тратить на это время - уже это сделал в лайве с главной Гугла. Но так-то надо, да :)

Option Shift I - выделение в мультикурсор, Cmd Left - в начало строки.

@@pepelsbey спасибо, помогло.

Это расширение File Utils marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils

I mentioned at some point in the live, that it’s not a production version we’re running in the browser. It needs to be packed and optimized via some tool. I might spend some time on it during the second part in September. Thanks for the idea!

@@pepelsbey Maybe Webpack. It will be cool. But everything is your choice.

I think Webpack is one of the worst tools for the job, to be honest. PostCSS or LightingCSS would be my tools of choice, but if you need something bigger then Vite.

@@pepelsbey Why is Webpack so terrible? Why is it so widespread and often necessary to get a job? I used Gulp before Webpack, Webpack seems to be more convenient and less verbose for me. I haven't used Vite yet.

Mobile first здесь значит, что я начинаю думать с мобильных. Но вы правы, я пишу стили так, чтобы они не утекали дальше положенных им вьюпортов. Это и не mobile first, и не desktop first. Я пока не придумал, как это назвать, но уже пишу статью про это :)

@@pepelsbey Вадим, спасибо большое за ответ! Буду ждать статью! :).

Патреон закрыт, а не заброшен. Вы только что оставили коммент под контентом :) Другого пока не планирую.

@@pepelsbey понял, принял. Спасибо за ответ.

К какой части 3,5 часового видео относится этот коммеонтарий? :) Уточните и я попробую это поправить в следующий раз.

хах. пардон =). вот к этой .navigation { position: fixed; } навигация также является элементом блока header .header__navigation, пусть даже этот блок не переиспользуемый особо, но как по мне, позиционирование лучше добавлять именно к элементу, а не блоку. спасибо)@@pepelsbey возможно я не прав, интересно ваше мнение...