Hacker News Reader

Hacker News

Comment by globie | Hacker News Reader

Full thread

globie

Without a doubt the most impressive thing I've seen with CSS.

This immediately brought "A Single Div"[0] to mind, which stood as the coolest CSS demo I'd seen for... 11 years!

This one takes the cake. I'll be pouring over it. Thanks!

[0]: https://a.singlediv.com/

View on HN

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

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

Wow, Dark Reader absolutely mutilated her.

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.

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

Wild, got me hooked!

that endgame is absolutely perfect

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

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

Wierd, posting the last blog post crashed firefox.

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

Reply on news.ycombinator.com