VioletPixel

Justin Michael's notions and miscellanea

🟩 A Friendly Introduction to SVG

Josh W. Comeau created an incredibly good introduction to SVGs:

SVGs are one of the most exciting technologies we have access to in-browser. We can do so many cool things with SVG. It’s an absolutely critical part of my toolkit.

[...]

But SVGs are also pretty intimidating. The rabbit hole goes deep, and it’s easy to get overwhelmed.

So, in this blog post, I want to share the most important fundamentals, to provide a solid foundation you can build on. I’ll show you why SVGs are so cool, and share a few tricks you can start using right away. ✨

The explanations are clear, the interactive examples are snazzy, and even though it's not particularly long, you'll know a heck of a lot about SVGs when you're done reading.

Viewable in Any Browser Valid HTML Valid CSS Atom Valid Debian Powered Powered by PHP Made on a Mac Planned in Things Built with Nova Written in Bear Pixelmator Pro Kagi: Humanize the Web Safari Netscape Power! Rivian