Articles Tagged
SVG
CDNify Podcast
I joined Jamie Ashbrook and Ben Briggs to talk about SVG and tooling and whatnot. …
SVG & WordPress Custom Fields
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.…
Icon System with SVG Sprites
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 …
How SVG Line Animation Works
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 …
Test for Support of SVG as img
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 …
Animated SVGs
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. …
SVG Tabs (Using an SVG Shape as Template)
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. …
SVG Line Animations
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.…
SVG Fallbacks
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 …
SVG Filters on Text
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 …