Comments 26
UFO landed and left these words here
А если на клиенте вдруг выключен js, то вместо иконки юзер увидит хрен?
Я как ни старался, никакой божественности в Jade не ощутил. Есть, конечно, свои плюсы и сильные стороны, но некоторое количество минусов перечеркивают их полностью. Проще по старинке сверстать.
Есть же gulp-svgstore. Вместо кэширования в localStorage предпочитаю использовать внешний файл-спрайт и svg4everybody. Ещё покорёбило, что результат склейки svg назвали .html.
Так я и показал, что это один из способов решения) Используйте те плагины, которые вам удобны)
Я инлайню SVG прямо в CSS. С помощью postcss-svg можно сменить цвет. Правда нет анимаций, зато опрятнее выходит — меньше магии и нормальное кеширование.
при подключении через символ тоже не работает цсс анимация.
Я имел ввиду transition) А то что animation не работает — не страшно, он и не нужен для иконок(для меня)
Вообще, конечно, кеширование в localStorage — очень неправильный подход. localStorage создан для данных, а не кеша ресурсов. Например, когда пользователь нажмёт «Очистить кеш», то localStorage не будет очистен.
UFO landed and left these words here
Но я заметил у данного плагина один баг — иногда он преобразовывает символ '>' в кодировку '&g t;', только без пробела между символами 'g' и 't'(если убрать пробел — получится символ).

Это замечание относится конкретно к статье на Хабре: вы не учли, что в кодах есть символ «&», который можно написать как «&». Соответственно, если вы хотите написать «>», то нужно писать это так: > — оно при публикации статьи превратится в >

Надеюсь, это поможет не только вам, но и любому человеку, который не знает, как выводить в статьях HTML-коды в ситуации, когда они конвертируются в нормальные символы при вводе.
удаление fill не машает?
в некоторых иконках есть такая штука как fill=«none» и ее оставлять надо.
потому:
$('[fill^="#"]').removeAttr('fill');
Здесь не описано как решается конфликт id.
Подходит только для простых свг иконок
Only those users with full accounts are able to leave comments. Log in, please.