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

html5test_at_front-end.social@momostr.pink

Profile Code

nprofile1qqsxwykm7v82mzhrlv23a59s70u2t7fcvmgk59s9vyusx0z2v6q34pspzemhxue69uhkzarvv9ejumn0wd68ytnvv9hxgqgdwaehxw309ahx7uewd3hkcqg5waehxw309aex2mrp0yhxgctdw4eju6t0999wlv

Publishing to

atlas.nostr.land

nos.lol

relay.damus.io

Author Public Key

npub1vufdhucw4k9w87c4rmgtpulc5hunsek3dgtq2cfeqv7y5e5pr2rqt70ef5

Show more details

Last Notes

2026-04-05 10:22:29 UTC

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 UTC

- 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 UTC

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