Feed for Susam's HTML Tools and Games https://susam.net/tag/html.xml 2026-03-16T00:00:00Z Susam Pal urn:uuid:2e9733ae-16b0-487a-8e83-ce20cb765e70 2026-03-16T00:00:00Z <p> I have put together a small tool to explore the small web of personal websites. It is called <em>Wander</em>. Please visit <a href="https://susam.net/wander/">susam.net/wander/</a> to try out my Wander console. </p> <p> If you have your own website, please consider joining this community by hosting your own Wander console. To do so, visit <a href="https://codeberg.org/susam/wander#readme">codeberg.org/susam/wander</a> and follow the instructions there. Thank you! </p> <p> <a href="https://susam.net/wander/">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:bae16e91-3cf2-43a0-a960-883554931a96 2025-12-03T00:00:00Z <p> An implementation of Fizz Buzz in four lines of CSS. </p> <p> <a href="https://susam.net/css-fizz-buzz.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> </p> urn:uuid:b2fbed6f-d449-441a-8aaf-b16929a39453 2025-10-15T00:00:00Z <p> A nerdy, handcrafted quiz built from everyday moments of reading, writing, thinking, learning and exploring. </p> <p> <a href="https://susam.net/nq.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/game.html">#game</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:ada8789c-6448-49e3-889f-d6eb283c8dd9 2025-08-19T00:00:00Z <p> A simple single-page HTML application to explore the distribution of prime numbers in a grid. Choose a starting number along with the number of rows and columns and the page generates the corresponding grid. </p> <p> <a href="https://susam.net/primegrid.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/mathematics.html">#mathematics</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:35bf0b2b-2673-4ede-b7b4-75e8adebf666 2025-08-16T00:00:00Z <p> A demo page that implements the Miller-Rabin primality test to accurately detect primes for all numbers less than 318665857834031151167461 and compare its speed against a simple division based primality test algorithm. </p> <p> <a href="https://susam.net/code/web/miller-rabin-speed-test.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/programming.html">#programming</a> | <a href="https://susam.net/tag/mathematics.html">#mathematics</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:7dd409d4-dd4f-4d34-b8c7-aa52e6927c4c 2025-04-15T00:00:00Z <p> An ASCII art depiction of a PC resting on a computer case, with a classic Model M keyboard placed in front. </p> <p> <a href="https://susam.net/pc.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/miscellaneous.html">#miscellaneous</a> </p> urn:uuid:d1ed6db9-573b-4243-a411-b6b32eab7555 2025-04-06T00:00:00Z <p> A simple web-based tool to calculate the contrast between two colours according to WCAG contrast formula. </p> <p> <a href="https://susam.net/contrast.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> </p> urn:uuid:b9125db4-65be-497f-9b2b-15a9ec377b74 2025-03-11T00:00:00Z <p> A simple HTML page that plots bitwise-XOR <em>x</em> and <em>y</em> for each coordinate (<em>x</em>, <em>y</em>)</em> with the coordinate (0, 0) at the bottom-left corner. </p> <p> <a href="https://susam.net/code/web/xormap.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> </p> urn:uuid:bdf6dded-e27f-406c-a08e-060bf20a00c1 2024-03-31T00:00:00Z <p> A tiny, web-based, RGB colour guessing game. </p> <p> <a href="https://susam.net/myrgb.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/game.html">#game</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:82485106-3771-4e39-aade-ae0d261efb03 2023-12-19T00:00:00Z <p> Tiny, stack-based, postfix, canvas colouring language with only 36 simple commands. </p> <p> <a href="https://susam.net/fxyt.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> | <a href="https://susam.net/tag/programming.html">#programming</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:69ec2499-c894-4e2d-b21f-fe1d1584450b 2023-10-19T00:00:00Z <p> An extremely minimal drawing language consisting of only 6 simple commands: <code>C</code>, <code>F</code>, <code>R</code>, <code>S</code>, <code>[</code> and <code>]</code>. </p> <p> <a href="https://susam.net/cfrs.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> | <a href="https://susam.net/tag/programming.html">#programming</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:8291fa96-dd3c-4b08-8f71-72358ea5e54e 2022-02-13T00:00:00Z <p> A 1980s-arcade-style game written using HTML5, Canvas and Web Audio. </p> <p> <a href="https://susam.net/invaders.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/game.html">#game</a> | <a href="https://susam.net/tag/graphics.html">#graphics</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p> urn:uuid:480142e5-55e2-49f7-965b-70cd9f8586e7 2015-05-11T00:00:00Z <p> Touch typing tutor that runs in your web browser. </p> <p> <a href="https://susam.net/quickqwerty.html">Read on website</a> | <a href="https://susam.net/tag/html.html">#html</a> | <a href="https://susam.net/tag/web.html">#web</a> | <a href="https://susam.net/tag/technology.html">#technology</a> </p>