Earlier quoted context omitted.
Obviously... That's why it was done For fun and to see whether it could be done
My point is that there will be too many who will look at this and start using CSS in ways it is not intended. Even today, far too many people attempt to use CSS for things best left for SVG.
CSS Minecraft
131–140 of 154 posts
Re: CSS Minecraft
#132Without 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/
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!
https://lynnandtonic.com/archive/
Got this bookmarked to click around for inspiration in my free time.
Re: CSS Minecraft
#133Some comments on this from my side:
- You people totally overwhelmed my website... I use(d) Firebase static hosting because it's completely free and super simple, which reached the 10 GB monthly limit now. I changed to Cloudflare in the meantime, but it'll need some time for the DNS records to update. IN THE MEANTIME, PLEASE USE THE GITHUB PAGES LINK INSTEAD: https://benjaminaster.github.io/CSS-Minecraft/
- I made this almost three years ago now, to try out the limits of what's possible with pure CSS, and to test out the then-new CSS :has() selector.
- This project never got much traction until now, so I never bothered to write about how it works. Simon Willison now already wrote a blog post about it, so I guess I don't have to anymore... https://simonwillison.net/2025/May/26/css-minecraft/
- For the best experience, please view this on a desktop browser, either Chromium-based or Firefox.
- The source code is at https://github.com/BenjaminAster/CSS-Minecraft. The "index.pug" and "main.scss" files contain the actual source code; the rest is mostly just the compiled output.
- Here is a video of me building a house with it: https://www.youtube.com/watch?v=OH8-Y9frP5k
Re: CSS Minecraft
#134Earlier quoted context omitted.
Obviously... That's why it was done For fun and to see whether it could be done
My point is that there will be too many who will look at this and start using CSS in ways it is not intended. Even today, far too many people attempt to use CSS for things best left for SVG.
I'm still here waiting for someone at W3C to get their stuff together and provide a spec for something that could enable an accessible hamburger menu with plain HTML + CSS.
Or a sane details element that DOES NOT REQUIRE JS TO CHANGE STATE (without interaction). Jesus.
Re: CSS Minecraft
#135My one regret in life is not having seen this before your Firebase credits were spent for the month. Looking forward to a June attempt!
Re: CSS Minecraft
#136Without 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/
this is my favorite one one I've seen: https://lyra.horse/css-clicker/
Re: CSS Minecraft
#137Without 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/
this is my favorite one one I've seen: https://lyra.horse/css-clicker/
Re: CSS Minecraft
#138Earlier quoted context omitted.
The term for such "other developers" is "hobbyists". There are other terms but I won't list them here.
Sometimes "other developers" is also "coworkers". I've found less ambiguity to be a better thing than not, where possible. Self-closing a tag that can't contain anything is one such example of removing ambiguity for "hobbyists".
Makes no sense.
If one wants to add content to a self-closing element, one has far more problems than we're talking about here.
Re: CSS Minecraft
#139Without 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/
this is my favorite one one I've seen: https://lyra.horse/css-clicker/