Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly.
It's fixed in Chrome 150, but that won't land until the end of June.
HTML-in-Canvas will open a door for innovation on the web
Create UIs and user experiences that are more engaging and sensible than ever before
Very straightforward and accessible
Extremely normal interfaces!
https://t.co/qXLdNZllx8
Experimental - Requires activation of the chrome://flags/#canvas-draw-element flag in Chrome
HTML can't run Doom
But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas!
Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source.
See it in action at https://t.co/2Wb7ha4lIF
- Requires Chrome with chrome://flags/#canvas-draw-element enabled.
On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of <canvas layoutsubtree>) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom.
Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.
I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!
Microsoft just changed the game ๐คฏ
They open-sourced a tool that converts literally any file into clean markdown for LLMs in under 60 seconds.
- Converts 10+ file formats out of the box.
- Run via command line, Python API, or Docker.
- Built-in MCP server for direct Claude Desktop integration.
100% open source.
Link in comments ๐