Actually no joke… I have this shelf safe from Barska (bought at Best Buy) and I have the correct code for it, and it won’t open. It makes the correct sounds, but no dice.

Advice???

Made a lil' library:
codepen.github.io/slideVars/

Automatically detects CSS custom properties on the :root/html and gives you controls for adjusting them. (But it's also as configurable as you want it to be.)

Just seeing that `animation-timing-function: steps(5);` is a thing that can work with scroll-driven-animations too.

Here these hr's made of dots on 5 random rows come together (or break apart) in 5 steps.

I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it".

Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)

I love that this actually works.

*Oh yeah, is your list actually UNordered? Prove it.*

rawdogging some shape() to build "round out" tabs.

I'll blog it eventually. modern CSS rules.

CSS `field-sizing` on a `<textarea>` is obviously awesome.

But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.

Can you `startViewTransition` and force new CSS `random()` values? I mean, kinda. Confuses the heck out of Safari but it'll do it.

still kind of a fun idea for a . codepen.io/chriscoyier/...

Just came across this old rudimentary Pen, but it does OK explaining the difference between these ways of handling events that happen a ton.

codepen.io/chriscoyier/...

(Definitely wouldn't use it for a fixed header these days!)