Niels Leenheer

https://front-end.social/@html5test

CTO of Salonhub. Creator of https://html5test.com, writes at https://nielsleenheer.com, team @FronteersConf, Google Developers Expert, Invite me to speak at your event.

Website: https://nielsleenheer.com
Github: http://github.com/nielsleenheer
Bluesky: https://bsky.app/profile/html5test.com

Public Key

npub1vufdhucw4k9w87c4rmgtpulc5hunsek3dgtq2cfeqv7y5e5pr2rqt70ef5

NIP-05 Address

[email protected]

Profile Code

nprofile1qqsxwykm7v82mzhrlv23a59s70u2t7fcvmgk59s9vyusx0z2v6q34psprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmntpuswcv

Publishing to

relay.momostr.pink

Author Public Key

npub1vufdhucw4k9w87c4rmgtpulc5hunsek3dgtq2cfeqv7y5e5pr2rqt70ef5

Show more details

Last Notes

2026-04-05 10:22:29 GMT

Take a Joy-Con and connect it with WebHID, draw a picture in the air and capture it with the sensors. Create an SVG path and insert in the DOM. Apply CSS styling. Sample the DOM and use WebUSB to convert to ILDA and send it to a laser projector.
I created the worlds most complicated laserpointer…
https://cdn.masto.host/frontendsocial/media_attachments/files/116/351/601/206/686/862/original/86dd54ff76a93137.mp4

2026-03-27 15:18:10 GMT

- reply

Want to know how I created this?
Check my blog post with an explanation of the math, the techniques I used and the problems I ran into.
https://nielsleenheer.com/articles/2026/css-is-doomed-rendering-doom-in-3d-with-css/

2026-03-27 15:16:48 GMT

CSS is DOOMed!
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
https://cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
https://cdn.masto.host/frontendsocial/media_attachments/files/116/301/800/628/808/007/original/da39c38dd8b4a407.jpg