nowfound

Dev tools · April 6, 2020

AL

A <chess-board> HTML element for any web page or app

Hello HN, For a few months I'm been working on a fun side-project to port the (awesome) chessboardjs library to an easily reusable and embeddable web component. The quarantine has finally spurred me to put the finishing touches on it. https://justinfagnani.github.io/chessboard-element/ It works in plain HTML files just by writing an HTML tag: And it works in any framework because it's just an HTML element. Styling is encapsulated and customizable with CSS properties and parts: chess-board { --dark-color: darkmagenta; } /* Highlight the e2 square in red */…

Alternatives

What it does

In the maker’s words, at launch

Hello HN, For a few months I'm been working on a fun side-project to port the (awesome) chessboardjs library to an easily reusable and embeddable web component. The quarantine has finally spurred me to put the finishing touches on it. https:&#x2F;&#x2F;justinfagnani.github.io&#x2F;chessboard-element&#x2F; It works in plain HTML files just by writing an HTML tag: <chess-board><&#x2F;chess-board> And it works in any framework because it's just an HTML element. Styling is encapsulated and customizable with CSS properties and parts: chess-board { --dark-color: darkmagenta; } &#x2F;* Highlight the e2 square in red *&#x2F; chess-board::part(e2) { box-shadow: inset 0 0 3px 3px red; } I hope it's useful or fun for anyone who wants to do chess things on the web. You can try it out in plain HTML here: https:&#x2F;&#x2F;jsbin.com&#x2F;jajijab&#x2F;2&#x2F;edit?html,output Or in a React app here: https:&#x2F;&#x2F;stackblitz.com&#x2F;edit&#x2F;react-chess-board

Does the same job

all alternatives →
  • BA
    Boardzilla, a framework for making web-based board games2024 · boardzilla.io · ▲574

    Show HN: Boardzilla, a framework for making web-based board games Tldr: We’ve made a framework for web-based board games. You can try out some games over at https:&#x2F;&#x2F;boardzilla.io, or you can take a look at https:&#x2F;&#x2F;docs.boardzilla.io to learn more about how to develop your own game. Source is available at https:&#x2F;&#x2F;github.com&#x2F;boardzilla Hey y’all. My brother and I have made a framework for board games. During the pandemic we started to look at BGA but got discouraged by how old-fashioned the tools were and how cumbersome the development process was. We set out…

  • AS
    A simple site to make chessboard images2020 · chessboardimage.com · ▲79
  • CM
    Chessboardify – Make the grid a chessboard2016 · chessboardifygame.xyz · ▲95
  • SA
    Sameshi – a ~1200 Elo chess engine that fits within 2KBFeb 2026 · github.com · ▲230

    I made a chess engine today, and made it fit within 2KB. I used a variant of MinMax called Negamax, with alpha beta pruning. For the board representation I have used a 120-cell "mailbox". I managed to squeeze in checkmate&#x2F;stalemate in there, after trimming out some edge cases. I am a great fan of demoscene (computer art subculture) since middle school, and hence it was a ritual i had to perform. For estimating the Elo, I measured 240 automated games against Stockfish Elo levels (1320 to 1600) under fixed depth-5 and some constrained rules, using equal color distribution. Then converted…

  • MA
    made a html5 game, polished it many many times2011 · hotbazooka.com · ▲211

    hi all, I've always wanted to make my own game, but couldn't afford a thousand-dollar adobe (flash+photoshop) license. I'm not a talented programmer, have no degree in CS. But I understand some elements of design. So I got me a copy of ImpactJS, and after about 5 months of steep learning curve (at least for me), I managed to come up with a game. I also integrated it with a highscore and badge system, similar to what you get at Kongregate. You need to login with Google/OpenID to earn badges/scores. link is: http://www.hotbazooka.com/privatejoe hope to hear some feedback/questions from you guys!

  • OC
    Online chessboard without any rules2023 · chasse.fun · ▲16

    My personal project: https:&#x2F;&#x2F;github.com&#x2F;leonidasdeim&#x2F;chasse Goal was to build session based chessboard game without any rules - to play just like oldschool over the board. Just create new board and share link with a friend. I would appreciate any feedback and github star. Thanks!

More dev tools this month

the category →
  • Dograh▲592

    The open source VAPI alternative

    Dev tools · 25d ago · dograh.com

  • Meridian▲530

    Don't let your work go unnoticed. Get promoted!

    Dev tools · 20d ago · meridiona.com

  • x1▲516

    Lovable for iPhone apps go from idea to App Store

    Dev tools · 11d ago · x1.new

  • Computable GPU Index (CGI)▲424

    The first open-source price index for GPU compute Discussion | Link

    Dev tools · 10d ago · producthunt.com

  • The GTM Co-Founder▲402

    Open-source GTM skills for technical founders

    Dev tools · 29d ago · gtmcofounder.com

  • Open-Source eInk Bike Computer▲401

    OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

    Dev tools · 2d ago · opentrailpaper.com

Launched alongside, April 2020

the whole month →