shape(): A New Powerful Drawing Syntax in CSS
Don’t underestimate `shape()` — it’s the CSS version of SVG
Don’t underestimate `shape()` — it’s the CSS version of SVG
Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.
Kinda like that “bento box” look.
Is there a perfectly clear and reasonable answer? Or could we get this someday?
It’s not particularly obvious, but a child’s useEffect will run before a parent’s will. Let’s look at why.
“…nobody thinks they’re writing bad code while they’re doing it. That’s the trap.”
Most folks use one of the big browsers that we’ve all heard of. But there are more and more niche browsers built upon those big open source engines that differentiate themselves in interesting ways.
Sometimes pretty simple HTML elements have a lot of things to consider and take care of, from interactivity, styling, accessibility, and more.
Do you need it? Not really, custom properties are probably a better bet. But it still has a bit of utility and it’s fun to think about.
Now that we’re starting to be able to apply types (like `number`) to values of attributes we pull of HTML elements in CSS, doing interesting things with
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.