Pull to refresh

Comments 26

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

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

Надеюсь, это поможет не только вам, но и любому человеку, который не знает, как выводить в статьях HTML-коды в ситуации, когда они конвертируются в нормальные символы при вводе.
Спасибо вам! А я то мучался, а оно вон все как просто)
удаление fill не машает?
в некоторых иконках есть такая штука как fill=«none» и ее оставлять надо.
потому:
$('[fill^="#"]').removeAttr('fill');
Здесь не описано как решается конфликт id.
Подходит только для простых свг иконок
Sign up to leave a comment.

Articles