TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Minesweeper game implemented in HTML/CSS

11 pointsby cneesover 7 years ago

3 comments

cneesover 7 years ago
Code: No JavaScript, no CSS3. <a href="https:&#x2F;&#x2F;github.com&#x2F;cnees&#x2F;minesweeper" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;cnees&#x2F;minesweeper</a><p>Gameplay: Each number tells you how many of the tiles touching it (on sides and corners) are bombs. This board is designed to be solvable without guessing.<p>Pro Tip: You can undo a move by clicking on the square and typing Shift+Tab.<p>Discussion: Can you figure out how it works? Can you think of a way to implement flagging, game-over, or other features? Know of any other HTML&#x2F;CSS hacks?
cneesover 7 years ago
See also: HTML&#x2F;CSS Lite-Brite<p><a href="https:&#x2F;&#x2F;codepen.io&#x2F;qaz&#x2F;full&#x2F;wzams&#x2F;" rel="nofollow">https:&#x2F;&#x2F;codepen.io&#x2F;qaz&#x2F;full&#x2F;wzams&#x2F;</a>
brazzledazzleover 7 years ago
Pretty cool. This takes me back.<p>One thing I noticed is I can see which squares are mines when I zoom out all the way on iOS. Not very noticeable but there’s a thin red line on the bottom of those tiles.
评论 #15489215 未加载