The Art Of The SVG Filter And Why It Is Awesome – Smashing Magazine
SVG filters (and CSS filters) are usually considered a way to spice up bitmaps via blur effects or c...
SVG
Using canvas to fix SVG scaling in Internet Explorer – Nicolas Gallagher
Internet Explorer 9–11 suffer from various bugs that prevent proper scaling of inline SVG’s. This is...
SVG 101 - Instructive SVG's - a Collection by Katrine-Marie Burmeister on CodePen
SVG demos that either demonstrate basic concepts, or explain advanced concepts in an easy-to-underst...
Understanding and Manually Improving SVG Optimization | CSS-Tricks
The following is a guest post by Raymond Schwartz. Like it's raster brethren, SVG should be optimized before being used on production sites. There are seve
Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box – Smashing Magazine
Karen Menezes explains clipping with the clip-path property. It's akin to cutting a shape (like a ci...
Tips For Avoiding Common SVG Pitfalls
Smashing Conf LA, 2015
Making SVG Accessible
Making SVG useable and useful for everyone
Утечки памяти при работе с SVG
SVG анимация получила огромную популярность среди разработчиков. Простота создания, широкий функцион...
Transforms on SVG Elements | CSS-Tricks
The following is a guest post by Ana Tudor. Ana always does a great job digging into the math behind...
Optimizing SVGs in data URIs by Taylor Hunt on CodePen
A while back, CSS-Tricks posted "Probably Don't Base64 SVG", which concluded that if you're using SV...
Move And Scale SVG Graphics With The viewBox Attribute
The SVG canvas and the SVG viewport, through which you see the canvas operate on independent coordin...
The SVG Canvas, Coordinate System, And Viewport
When you see SVG images on the screen you’re viewing only part of the canvas on which they’re drawn ...
Optimising SVG images
SVG is a vector image format based on XML. It has great advantages, most notably it is lightweight. S...
Caching SVG Sprite in localStorage
There are two ways of using SVG in HTML via : with external source and without it. “The use ele...
Creating a Border Animation Effect with SVG and CSS
The website of Carl Philipe Brenner has some very creative and subtle animations and today we want t...
Elastic SVG Elements | Codrops
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
Ajaxing for your SVG Sprite | CSS-Tricks
Say you're building an SVG icon system. You're building a SVG sprite full of symbols by hand, or usi...
An Overview of SVG Sprite Creation Techniques
Sara Soueidan shows us three ways to create icon sprites using SVG: with HTML, CSS and, perhaps most...
Snap.svg - Why Snap
Snap.svg is a brand new JavaScript library for working with SVG. Snap provides web developers with a...
SVG Morpheus - Morph SVG icons
Icon: 3D RotationAccessibilityAccount BalanceAccount BoxAccount CircleAdd Shopping CartAndroidBackup...
Css-live - Сверстай свой мир!
Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Элемент опред...
SVG плюс Angular минус Firefox
SVG удивительная технология, не в последнюю очередь благодаря своим оригинальным подводным камням. П...
How SVG Fragment Identifiers Work | CSS-Tricks
I've talked a good bit about SVG's around here and using it to build an icon system. The beauty of i...
SVG fallback pure CSS: Can I use Part 5
Let's draw simple circle in svg file.<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www...
Styling And Animating SVGs With CSS - Smashing Magazine
Sara Soueidan explains how to export and optimize SVGs, how each one affects the styles and animatio...
A Guide to SVG Animations (SMIL) | CSS-Tricks
The following is a guest post by Sara Soueidan. Sara has a knack for digging deep into web features ...
SVG animation tool | SVG Circus
Online app enabling you to create cool SVG animations in seconds
Грабли на чистом SVG
Предположим, вам понадобились SVG-иконки. Вы планируете перекрашивать их по наведению, поэтому в кач...
willianjusten/awesome-svg
awesome-svg - A curated list of SVG.
An Intro to SVG Animation with SMIL by Noah Blon on CodePen
Sitepoint recently posed a challenge to recreate this fun gif animation in code: It looks deceptivel...