Blog Post Articles

Blobs! Gooey weird shapes you can fill with any background and even animate.

Google Translate doesn’t change the `dir` of a site when translating from LTR to RTL… but you could.

A container query can contain viewport units, meaning you can compare the window vs the element and make choices.

Use the `arc` command within the `shape()` function we can draw a line that follows a circle from one point to the next, controlling the direction.

Don’t underestimate `shape()` — it’s the CSS version of SVG that we absolutely needed.

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.”