Я про svg просто так было короче писать

фотосвг ))

читаемость кода в продакшене пофиг, оптимизировать так же как обычно

а вот то, что не кэшируется, это да...

Вопрос: перекинул все css стили html размтеку и подключил все js скрипты из кодепена, в vs code. Скрипты подключил так, в index.html в самом конце перед тегом </body>
<script src="js/demo.js"></script>
   <script src="js/EasePack.min.js"></script>
   <script src="js/gsap.min.js"></script>
   <script src="js/jquery.min.js"></script>
   <script src="js/MotionPathPlugin.min.js"></script>
   <script src="js/ScrollToPlugin.min.js"></script>
   <script src="js/ScrollTrigger.min.js"></script>
   <script src="js/smooth-scrollbar.js"></script>
по идее правильно? но почему то, когда я жму open live server открыть в браузере, у меня только html и css отображается, без эффектов, которые должны быть

ничего не менял из кодпена. Я мог где то совершить ошибку и поэтому не грузятся скрипты? или просто vs code не дает возможность посмотреть в браузере их и нужно на хостинг грузить?

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

где глянуть

ext install HTMLHint этот плагин надо установить?

У меня есть выбор: либо заюзать плагин, который позволяет мне просто прописать

<x-searching-man class="..."/>

при этом поменять цвет изображения по желанию.. в коде оно будет простынёй

или что-то делать с этим свг спрайтом.. однако я смотрю, что в коде оно не сильно то и отличается (больше вложенностей и да и все..)

+ у меня на сайте не так много свг:
1) На главной 2 картинки (но по коду большие)
2) В футере социальные сети и лого (нужно менять фон)
3) Остальные по мелочи (из 2-3 path элементов svg)

так вот, есть ли вообще смысл заморачиваться со спрайтом? или лучше уже вставить через плагин и может быть через src="blabla.svg" сделать статические?

Ребят есть к примеру у меня горизонтальный скрол, и два фона, как можно конкретно на фоны наложить анимацию переливания при скролле?

<x-searching-man class="..."/>

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

а у меня он по факту особо не замусоривается, вот так делается и все..
окей, я тогда посмотрю подробнее спрайты

может реально оптимизируется на выходе

На чем делаешь?

laravel

а если не надо редактировать иконку, то по факту можно и обычным src="bla.svg" подключить?

можно, НО он их по другому будет парсить, если это тэг имидж то он его будет подгружать как часть контента еще до стилей и прочего...
Слушай, люди много поколений оптимизировали процесс и пришли к свг спрайтам, ты можешь перебрать все остальные варианты или принять что бестпарктис называются так не по чьей то злой воле.
Найди хорошую статью про свг спрайты, там описаны все альтернативы и сказано чем лучше/хуже и какие есть варианты.

Та я уже сделал все в один файлик) просто почему-то моя свг ломается хД
(добавляются тёмные очки..), а вот с обычной вставкой нормас