There isn’t just one way to animate SVG. There is the <animate></animate> tag that goes right into the SVG code. There are libraries that help with it like Snap.svg or SVG.js. We’re going to look at another way: using …
I joined Jamie Ashbrook and Ben Briggs to talk about SVG and tooling and whatnot. …
The following is a guest post by Ian Marquette. Ian learned that SVG can have a <text></text> element, meaning that text could come from a dynamic source while still being able to do cool custom SVG-specific stuff to it.…
I’ve been a big proponent of icon fonts. Lots of sites really need a system for icons, and icon fonts offer a damn fine system. However, I think assuming you’re good with IE 9+, using inline SVG and the …
I bet all of you have seen that little trick where an SVG path is animated to look like it’s drawing itself. It’s super cool. Jake Archibald pioneered the technique and has a super good interactive blog post on how …
Browser support for SVG isn’t quite as simple as yes or no. In addition to some quirks on how that support plays out, it depends on how that SVG is being used. One common way is right within an …
Mike Fortress explains animation with <svg> with a specific example involving charts on Sprout.
It’s funny how SVG has all these great features like gradients and filters and animations that we have in CSS, but the syntax is so different. …
An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. …
Nice post by the Vox Media team detailing how the line animations work in their epic PS4 review. Little weird not to credit Jake though.…
There is a very clever technique by Alexey Ten on providing an image fallback for SVG going around the internet recently. It does just what you want in …
The following is a guest post by Chris Scott. Chris was messing around with SVG filters and how they can be applied to text. I thought this was quite interesting because SVG filters are quite a bit different than …
