So… you can set an SVG circle’s radius in CSS?
But I'm not sure when this became widely supported, and I can't find anything about it online...
CSS, Page 2
Break the Rules!
"Learn the rules like a pro so you can break them like an artist." — Falsely attributed to Pablo Picasso
An Interesting Limitation of CSS Custom Properties
As soon as I read my teammate Paul’s explanation of the math behind nesting rounded corners, I wanted to recreate it using custom properties and calc.
The Math Behind Nesting Rounded Corners
I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...
Highly Customizable Background Gradients
How to create a complex but highly customizable background gradient that can be modified easily using CSS custom properties.
The Power of CSS Blend Modes
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of.
Resetting Inherited CSS with “Revert”
For a recent project, we needed to take a small web application and embed it inside a client’s existing site. Typically, this means inheriting the site’s styles. However, in this case, the client wanted this…
Modern CSS in a Nutshell
A friend recently shared his frustration with CSS development. I responded to him with a high-level overview of the current state of CSS. If you’re feeling a bit out of touch with modern CSS development, I hope this helps. You’d be surprised how much you can do with vanilla CSS nowadays!
Generating SVG Solar Systems, Part 2: Filters, Gradients, and Clip Paths
Turning simple shapes into complex illustrations using some SVG magic.
Generating SVG Solar Systems, Part 1: Setting the Scene
Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.