It’s pretty common to use SVG within an anchor link or otherwise “click/tappable thing” on a web page. It’s also increasingly common that the SVG is inline <svg></svg>, because it’s often nice having the SVG in the DOM since …
If you’re building an icon system for a site, you have some options. If you know the icons need to be raster images, then you’ll likely be using CSS sprites. If the icons will be vector images (much more …
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.…
