8 ms·
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
by globie 1y ago
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/ https://a.singlediv.com/
- Waterluvian 1y agoSo many of these look deliciously interactive but aren’t. Is that because I’m on mobile or do they not do anything?
- gs17 1y agoI 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).
- ericrosedev 1y agohave you seen this modern marvel? https://diana-adrianne.com/purecss-lace/ https://diana-adrianne.com/purecss-lace/
- lelandfe 1y agoWow, mobile Safari hates this. Zooming in and scrolling around crashes the page constantly.
- reaperducer 1y agoWorks fine on my iPhone 14.
- lelandfe 1y agoSimilar 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 https://imgur.com/a/VWCAL9G Scrolling is fine in Firefox but extremely slow.
- yonatan8070 1y agoIt surprisingly smooth on Firefox on my Pixel 8
- asimovDev 1y agoInteresting. Worked fine on my MBP in Safari. Even browsed around in the dev tools to see the styles used
- deleted 1y ago[deleted]
- deleted 1y ago[deleted]
- ryukoposting 1y agoWow, Dark Reader absolutely mutilated her.
- qwertox 1y agoIncredible. 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.
- deleted 1y ago[deleted]
- matrix2596 1y agoporing over it or pouring your attention :)
- globie 1y agoMy bad, I forgot I'm a liquid. It's too late to edit, but s/po\w*/poured over/ anyway :)
- owjofwjeofm 1y agothis is my favorite one one I've seen: https://lyra.horse/css-clicker/ https://lyra.horse/css-clicker/
- koynoyno 1y agoThese were 1852 seconds well spent. If you don't hate clickers, try this one, it was definitely made with love.
- mikeponders 1y agoWild, got me hooked!
- Groxx 1y agothat endgame is absolutely perfect
- i_am_a_peasant 1y agolatest in my long list of poor life choices, not going to bed at 2 AM because I'm waiting to reach 10 mil views :)))))
- i_am_a_peasant 1y agooh man this was so perfect
- marky1991 1y agoWierd, posting the last blog post crashed firefox.
- shultays 1y agobut they are all individual divs
- kataqatsi 1y agoI 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/ https://lynnandtonic.com/work/ Also love seeing Phoenix devs mentioned!
- hbn 1y agoDamn, 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/ https://lynnandtonic.com/archive/ Got this bookmarked to click around for inspiration in my free time.