Earlier quoted context omitted.
That is impressive, just impressive. Brought back some fond memories of installing Windows XP over and over again for family and friends with fckgw rhqq2 yxrkt 8tg6w and playing minesweeper before handing it off to them. Great job!
Is there something magic about that code?
Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
71–80 of 97 posts
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#72I think I see my CPU dripping out the side of my laptop.
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#73I realize this is an absurd thing to do, but it was fun and I wanted to test the limits of CSS again so I could share the results! I linked to the README since any web devs that see this will probably want to know how buuut here's a link to the game if you want to go hands on: https://propjockey.github.io/css-sweeper/#randommenu It's all open source, and I discuss some details of how to do it in that readme, but I am…
This should make white-boarding interviews a lot more fun. "Please implement Minesweeper, but only using HTML + CSS"
I am very good with HTML and CSS and would definitely be able to solve sth like this. But not on a whiteboard, I would have to be able to fool around with it.
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#74It sort of bothers me how much feature creep CSS itself has undergone. Was it not enough to leave things simpler and just use pre-processors and JavaScript? What hope does one have to implement the entire CSS spec from scratch now?
This minesweeper, and the other examples in the comments, seem to capitalize on some hacky aspects of CSS, not features of the CSS spec.
In the real world, I doubt many people rely on CSS for things that JavaScript can do. (but I bet plenty of beginners use JavaScript, when CSS would have been more appropriate, haha)
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#75Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#76I realize this is an absurd thing to do, but it was fun and I wanted to test the limits of CSS again so I could share the results! I linked to the README since any web devs that see this will probably want to know how buuut here's a link to the game if you want to go hands on: https://propjockey.github.io/css-sweeper/#randommenu It's all open source, and I discuss some details of how to do it in that readme, but I am…
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#77I realize this is an absurd thing to do, but it was fun and I wanted to test the limits of CSS again so I could share the results! I linked to the README since any web devs that see this will probably want to know how buuut here's a link to the game if you want to go hands on: https://propjockey.github.io/css-sweeper/#randommenu It's all open source, and I discuss some details of how to do it in that readme, but I am…
I used HTML/CSS so I could implement it on a Neopets page, which meant I couldn't use forms, inputs, or CSS3, which means it's less feature-complete and the approach is completely different. The final result, though, is still the same delightful Minesweeper experience.
Codepen link (so you don't have to be signed into Neopets to see it)
https://codepen.io/qaz/pen/bGEzyrJ
Enjoy!
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#78I realize this is an absurd thing to do, but it was fun and I wanted to test the limits of CSS again so I could share the results! I linked to the README since any web devs that see this will probably want to know how buuut here's a link to the game if you want to go hands on: https://propjockey.github.io/css-sweeper/#randommenu It's all open source, and I discuss some details of how to do it in that readme, but I am…
No way! I've done exactly the same thing. ( https://news.ycombinator.com/item?id=15479160 ) At first I thought this was my own thread! I guess there's a healthy overlap between loving Minesweeper puzzles and CSS puzzles. :) I used HTML/CSS so I could implement it on a Neopets page, which meant I couldn't use forms, inputs, or CSS3, which means it's less feature-complete and the approach is completely different. The f…
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#79I tried this on a low end smartphone. Might as well have been called MineSwapper
Re: Show HN: MineSweeper implemented in 100% CSS and HTML – no JavaScript
#80Earlier quoted context omitted.
It is rather ironic that the chief complaints about JS are how it makes things bloated and unresponsive, yet this is 100x the size of http://www.play-minesweeper.com and the time to interactivity is recognizable by comparison. The HN community is a funny one, sometimes.
JS is the right tool for the job when you want to make something highly interactive. I can't remember seeing anybody dispute that here. Having said that, I now expect at least one reply from someone who does dispute it.
Well maybe 2003 didn't mention Silverlight.