have you seen this modern marvel? https://diana-adrianne.com/purecss-lace/

Incredible. I was so skeptical that I went in on the neckruff and from there to a lacetop, it's really all generated based on background-image but without using images but gradients of specific colors, as well as box-shadows and the like.

Wow, Dark Reader absolutely mutilated her.

Wow, mobile Safari hates this. Zooming in and scrolling around crashes the page constantly.

Works fine on my iPhone 14.

Similar problems on my MBP, actually – just sans crashed tab. Zooming in and scrolling around on Chrome and Safari cause the divs to rerender (repaint?) and often not all of them even do! E.g. Chrome: https://imgur.com/a/VWCAL9G

Scrolling is fine in Firefox but extremely slow.

It surprisingly smooth on Firefox on my Pixel 8

Interesting. Worked fine on my MBP in Safari. Even browsed around in the dev tools to see the styles used

this is my favorite one one I've seen: https://lyra.horse/css-clicker/

These were 1852 seconds well spent. If you don't hate clickers, try this one, it was definitely made with love.

latest in my long list of poor life choices, not going to bed at 2 AM because I'm waiting to reach 10 mil views :)))))

oh man this was so perfect

that endgame is absolutely perfect

Wierd, posting the last blog post crashed firefox.

Wild, got me hooked!

I had the honor of seeing her give a talk. She also has a lot of other css projects that are awesome.

https://lynnandtonic.com/work/

Also love seeing Phoenix devs mentioned!

Damn, that website is great on its own and it turns out she redesigns/rewrites it every year to learn new web technologies.

https://lynnandtonic.com/archive/

Got this bookmarked to click around for inspiration in my free time.

So many of these look deliciously interactive but aren’t. Is that because I’m on mobile or do they not do anything?

I don't think any on the first page are interactive. There might be a few on the next page of it (I only found one where a pen changes color on hover).

poring over it or pouring your attention :)

My bad, I forgot I'm a liquid. It's too late to edit, but s/po\w*/poured over/ anyway :)

but they are all individual divs