Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 June 28

В

Владимир in Верстка сайтов HTML/CSS/JS/PHP
Я про svg просто так было короче писать
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
фотосвг ))
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
читаемость кода в продакшене пофиг, оптимизировать так же как обычно
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
а вот то, что не кэшируется, это да...
источник

GG

George GeS in Верстка сайтов HTML/CSS/JS/PHP
Вопрос: перекинул все 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 отображается, без эффектов, которые должны быть
источник

GG

George GeS in Верстка сайтов HTML/CSS/JS/PHP
ничего не менял из кодпена. Я мог где то совершить ошибку и поэтому не грузятся скрипты? или просто vs code не дает возможность посмотреть в браузере их и нужно на хостинг грузить?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
George GeS
ничего не менял из кодпена. Я мог где то совершить ошибку и поэтому не грузятся скрипты? или просто vs code не дает возможность посмотреть в браузере их и нужно на хостинг грузить?
Посмотри в консоль. Может они подключены просто не работают
источник

GG

George GeS in Верстка сайтов HTML/CSS/JS/PHP
где глянуть
источник

GG

George GeS in Верстка сайтов HTML/CSS/JS/PHP
ext install HTMLHint этот плагин надо установить?
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
ну как не в теге свг... не в диве же они...
Это похоже, но отличается. Т.к. спрайт более оптимален.
найди статью, это долго объяснять я с телефона
У меня есть выбор: либо заюзать плагин, который позволяет мне просто прописать
<x-searching-man class="..."/>

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

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

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

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

✪zhuravlev66✪ in Верстка сайтов HTML/CSS/JS/PHP
Ребят есть к примеру у меня горизонтальный скрол, и два фона, как можно конкретно на фоны наложить анимацию переливания при скролле?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
У меня есть выбор: либо заюзать плагин, который позволяет мне просто прописать
<x-searching-man class="..."/>

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

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

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

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

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
Я думаю есть.
Во первых, если спрайт сделан правильно тв цвет можешь хоть из цсс менять.
во вторых - завтра ты захочешь добавить соц иконки в другие места и будешь из замусоривать кодом или просто вызовешь из спрайта готовые.
а у меня он по факту особо не замусоривается, вот так делается и все..
окей, я тогда посмотрю подробнее спрайты
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
может реально оптимизируется на выходе
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
а у меня он по факту особо не замусоривается, вот так делается и все..
окей, я тогда посмотрю подробнее спрайты
На чем делаешь?
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Vladislav Valabuev
На чем делаешь?
laravel
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
а если не надо редактировать иконку, то по факту можно и обычным src="bla.svg" подключить?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Максим Кавецкий
а если не надо редактировать иконку, то по факту можно и обычным src="bla.svg" подключить?
можно, НО он их по другому будет парсить, если это тэг имидж то он его будет подгружать как часть контента еще до стилей и прочего...
Слушай, люди много поколений оптимизировали процесс и пришли к свг спрайтам, ты можешь перебрать все остальные варианты или принять что бестпарктис называются так не по чьей то злой воле.
Найди хорошую статью про свг спрайты, там описаны все альтернативы и сказано чем лучше/хуже и какие есть варианты.
источник

МК

Максим Кавецкий... in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
можно, НО он их по другому будет парсить, если это тэг имидж то он его будет подгружать как часть контента еще до стилей и прочего...
Слушай, люди много поколений оптимизировали процесс и пришли к свг спрайтам, ты можешь перебрать все остальные варианты или принять что бестпарктис называются так не по чьей то злой воле.
Найди хорошую статью про свг спрайты, там описаны все альтернативы и сказано чем лучше/хуже и какие есть варианты.
Та я уже сделал все в один файлик) просто почему-то моя свг ломается хД
(добавляются тёмные очки..), а вот с обычной вставкой нормас
источник