A Friendly Introduction to SVG

Josh Comeau2025-07-21 21:300 views

SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool. ✨

Keep reading.

Source：https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

My favorites

PreviousAn Interactive Guide to SVG Paths NextPartial Keyframes

"Stop shouldn't mean close: ending a live-caption session in a Manifest V3 extension without losing the last sentence"

I maintain a browser extension that shows live captions (and translated captions) on top of any tab: a video, a livestre

0dev.to

Marketplace Email API Deliverability: A Go Guide to Suppression Evidence

A marketplace needs to stop sending welcome messages to invalid seller addresses without treating every delivery failure

0dev.to

Friday Squid Blogging: Pacific Flying Squid Populations Dropping in Korean Waters

Climate change is the issue . As usual, you can also use this squid post to talk about the security stories in the news

0Schneier on Security

On Rails — Marco Roth: Teaching Rails to Read Its Own Template

Marco Roth , independent consultant and the creator of Herb and ReActionView , joins Robby to talk about teaching Rails

0Ruby on Rails

Grading a price, not a product: how our free Amazon deal checker gives an A, B or C

When Mozilla shut down Fakespot on July 1, 2025, a lot of shoppers lost the quick letter grade they checked before buyin

0dev.to UX

Your 100-Star Post Should Not Retell Your 50-Star Post

You hit 50 stars, wrote the post, got some nice comments. Now you are at 100 and the draft in front of you is the same p

0dev.to GitHub