css-sweeper

Games

browser minesweeper game

SHOW HN2020

Legend

css-sweeper

MineSweeper implemented in 100% CSS and HTML – no JavaScript

github.com

#minesweeper#css#no javascript#html

390points
92comments
#89of 3,028 in 2020
Top 3%of 2020 by points

How HN took it

CuriousMostly questions and neutral comments

11 positive, 27 neutral or asking, 0 mixed, 14 critical, out of 52 comments about the project. Thread score -0.19.

Execution: 3 for, 5 againstPerformance: 1 for, 7 againstIdea: 4 for, 1 againstDesign: 1 for, 0 againstDocs: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Impressive technical feat and clever CSS hacks

    From 3 comments
    • 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…
      ceocoder on HN
    • Thanks! I use scroll position to keep the state. In effect, each square is in a div with overflow:hidden. (In the actual code I used <i>, not <div>, which might've been to save…
      cnees on HN
    • wow, that's super clever. I was sitting here reading the code and didn't find a negative margin or positional property anywhere, and further, no switches to hold the state.…
      James0x57 on HN
  • Fun nostalgia for Minesweeper

    From 2 comments
    • 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…
      ceocoder on HN
    • 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…
      cnees on HN

Objections

  • Very slow and CPU-heavy, locks up browsers

    From 3 comments
    • Indeed. This pegged a CPU core and locked up my browser for over a minute just opening the page.
      zootboy on HN
    • This is very slow in my browser, which I don't mean as a criticism. Just refreshing to see something be slow that uses no JS at all :D
      draw_down on HN
    • That's crazy! The large lag between clicking and the UI updating is slightly annoying, but that's just me nitpicking at something other than the cool technical feat.
      kanobo on HN
  • Does not work on iOS/Safari

    From 4 comments
  • Lacks instructions; flagging is unintuitive

    From 2 comments
    • I was so confused why everyone was saying the game is so impressive when all my clicks did nothing but place a ‘?’ where I clicked. Was each ‘?’ an error message? No, it turned…
      roryokane on HN
    • I'm confused -- how do I flag? Right-clicking seems to just bring up the right-click menu. Edit: Nevermind, figured it out. You click on the flag up top to switch between…
      Sniffnoy on HN

Requests

  • Explain how the timer and state work

    From 2 comments
    • Very interesting! Can I ask, how did you implement the timer in CSS/HTML? And also, what causes the lack of responsiveness?
      osrec on HN
    • This is awesome - Could you please explain how you're holding state of each box individually without checkbox:checked? It's not immediately obvious to me how that's possible or…
      James0x57 on HN
  • Test on smaller grids

    From 1 comment

Questions

  • Is CSS/HTML Turing complete?

    From 1 comment
    • Idle question, is CSS/HTML turing complete? If so I look forward to a Show HN of a CSS/HTML emulator of JSMESS emulating a 386 running Windows 98.
      aaroninsf on HN
  • How to detect right-click versus left-click in CSS

    From 1 comment
    • both lack the left+right click that reveals tiles around numbers that have the sufficient amount of bomb marked, I'm curious what's the css/html limitation that prevents the…
      LoSboccacc on HN

Alternatives named

  • Other CSS-only games such as a checkbox-based game by onion2k

    From 1 comment
    • Very cool. CSS can do some amazing stuff these days. I made a game using moving checkboxes recently - https://codepen.io/onion2k/pen/qBbKYee - with a timer and scoring. It's a…
      onion2k on HN
  • Standard JavaScript Minesweeper sites like play-minesweeper.com

    From 1 comment
    • 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…
      seangrogg on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/23920987)