“Sizing svg is more complicated than sizing an img,” writes Chris Coyier in this excerpt from his new A Book Apart title Practical SVG. But, he continues, it’s complicated in a good way—it gives us…

I recently made a 3D Card Flip element as part of my Supercharged YouTube video series, and I ran into some challenges with the shadows. I decided I should explain how I approached the solution.

Making your SVG accessible includes adding extra steps to your workflow, but is well-worth it. By embracing clean, semantic markup and taking advantage of

There was a time when the smart move in picking fonts for a website was to a font-family that was supported across as many platforms as possible. font-family:

When you think of SVG, what do you think of? Vector graphics, right? Maybe some stuff like this? That’s good. SVG absolutely excels at graphics like that. It’s unbeatable quality and file size. But SVG isn’t just a syntax to draw stuff. It’s more than that.…

Animating on the web has never been more simple. SVG (Scalable Vector Graphics) uses XML markup to help render things into the browser…

Clipping and masking is a feature of SVG that has the ability to fully or partially hide portions of an object through the use of simple or complex shapes. Over the years many developers have...

We’re pretty excited by tools such as SVGator, which really speed up the process when you’re making simple SVG animations. Here’s how easy it is to use and how you can get a great-looking animation in no time.