Live data from Hacker News

CSS Minecraft

benjaminaster.com

131–140 of 154 posts

Re: CSS Minecraft

#131
post #81

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, or CSS CAPTCHAs, or sign up / login modals cannot be done via SVG. This is needed for JS-less websites (e.g. Tor). CSS with HTML is perfect for this use-case.

Re: CSS Minecraft

#132
post #2

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/

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.

Re: CSS Minecraft

#133
Hello people, author here!

Some 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

#134
post #81

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.

If anything these tricks enable people to build stuff without JS.

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

#136
post #2

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/

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

Wild, got me hooked!

Re: CSS Minecraft

#137
post #2

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/

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

that endgame is absolutely perfect

Re: CSS Minecraft

#138

Earlier 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".

One would need to know the tag is self-closing in order to put the closing slash in. Right? So if one knows it's self-closing already, why do they need to add the extra weight?

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

#139
post #2

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/

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

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 :)))))

Re: CSS Minecraft

#140

Earlier quoted context omitted.

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

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
Post reply on HN