SVG

В этом посте пойдёт речь о процессах и используемых инструментах для создания SVG спрайтов в студии Liquid Light. Создание и поддержка больших SVG спрайтов может быть сложным делом и времязатратным. Поэтому мы решили автоматизировать процесс. И вместо использования одного большого SVG спрайта и отслеживания координат каждой иконки индивидуально, мы бы хотели иметь возможность редактировать каждую иконку и создавать и размещать сгенерированные иконки автоматически. На практике это значит, что нам нужно сложить все наши SVG иконки в папку и будет создан SVG спрайт (и PNG резерв для IE8) и оптимизирован автоматически вместе с Sass картой или именами и скоординирован. Используя Sass миксины, мы далее сможем включать наши спрайты используя маленькие куски кода: ...

Сейчас SVG актуальнее, чем когда-либо Странно говорить о том,что SVG в данный момент заслуживает внимание, просто потому что ей уже 100 лет в обед. В то же время, нет сомнений, что SVG переживает сейчас период возрождения. Давайте посмотрим почему же сейчас это стало так актуально и какие технологии делают использование SVG легче в современных веб-сайтах. Почему сейчас? SVG получило огромный приток интереса при взлёте Отзывчивого дизайна, разработчики стали искать решения, которые масштабировались в различных устройствах. SVG весят немного и выглядят отлично при ресайзе, что делает их привлекательными альтернативами обычных изображений и иконок. ...