<![CDATA[CSS is DOOMed!]]>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://forum.other.li/topic/93f81545-cfd9-4ed2-8b9a-932c73229302/css-is-doomedRSS for NodeMon, 20 Apr 2026 22:07:09 GMTFri, 27 Mar 2026 15:16:48 GMT60<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 11:04:04 GMT]]>@html5test in M1E1 infound some collision errors... Just saying...

]]>https://forum.other.li/post/https://podcasts.social/users/zeroday/statuses/116306466891244105https://forum.other.li/post/https://podcasts.social/users/zeroday/statuses/116306466891244105Sat, 28 Mar 2026 11:04:04 GMT<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 09:29:22 GMT]]>@html5test I reddited you https://www.reddit.com/r/itrunsdoom/s/MuvvstDihj

]]>https://forum.other.li/post/https://androiddev.social/users/ronaldopace/statuses/116306094461054315https://forum.other.li/post/https://androiddev.social/users/ronaldopace/statuses/116306094461054315Sat, 28 Mar 2026 09:29:22 GMT<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 07:21:32 GMT]]>@html5test

You're an insane madman.

More please.

]]>https://forum.other.li/post/https://social.tchncs.de/users/Blort/statuses/116305591815700929https://forum.other.li/post/https://social.tchncs.de/users/Blort/statuses/116305591815700929Sat, 28 Mar 2026 07:21:32 GMT<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 01:46:22 GMT]]>@aumetra @html5test Yeh, looks amazing in Ironfox, absolutely shits the bed in Vanadium.

]]>https://forum.other.li/post/https://aus.social/users/noodle/statuses/116304273881734198https://forum.other.li/post/https://aus.social/users/noodle/statuses/116304273881734198Sat, 28 Mar 2026 01:46:22 GMT<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 01:38:04 GMT]]>@html5test
Very impressive! Finished the first level on Firefox on Android and it's actually playable!

]]>https://forum.other.li/post/https://fosstodon.org/users/jannem/statuses/116304241256672244https://forum.other.li/post/https://fosstodon.org/users/jannem/statuses/116304241256672244Sat, 28 Mar 2026 01:38:04 GMT<![CDATA[Reply to CSS is DOOMed! on Sat, 28 Mar 2026 01:28:18 GMT]]>@html5test rock-on @Vivaldi it’s perfect on iOS mobile.

]]>https://forum.other.li/post/https://infosec.exchange/users/badsamurai/statuses/116304202878287290https://forum.other.li/post/https://infosec.exchange/users/badsamurai/statuses/116304202878287290Sat, 28 Mar 2026 01:28:18 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 23:43:23 GMT]]>@sgtpepere on my PS controller it is mapped to one of the top buttons. But to be honest it was little more than hooking it up and testing if it worked. Not much thought went into creating a good control mapping.

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116303790340276228https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116303790340276228Fri, 27 Mar 2026 23:43:23 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 23:41:09 GMT]]>@sjb I used Firefox as my main browser during the development of this, as it had the least rendering issues. Their CSS 3D support has been really solid.

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116303781498017984https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116303781498017984Fri, 27 Mar 2026 23:41:09 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 23:27:53 GMT]]>@html5test Works surprisingly smooth in Firefox.

]]>https://forum.other.li/post/https://mstdn.io/users/sjb/statuses/116303729354382538https://forum.other.li/post/https://mstdn.io/users/sjb/statuses/116303729354382538Fri, 27 Mar 2026 23:27:53 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 23:00:49 GMT]]>@html5test Wow, that's awesome. The only thing not working with my xbox controler was the shooting, no button allowed me to draw fire.

]]>https://forum.other.li/post/https://ludosphere.fr/users/sgtpepere/statuses/116303622930213823https://forum.other.li/post/https://ludosphere.fr/users/sgtpepere/statuses/116303622930213823Fri, 27 Mar 2026 23:00:49 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 23:00:09 GMT]]>@html5test Surprisingly, it works in Firefox mobile. However, the "Doom" font color is inverted.

]]>https://forum.other.li/post/https://social.accum.se/users/mctwist/statuses/116303620334651418https://forum.other.li/post/https://social.accum.se/users/mctwist/statuses/116303620334651418Fri, 27 Mar 2026 23:00:09 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 20:34:14 GMT]]>@html5test
Wow 😲 🀩

]]>https://forum.other.li/post/https://masto.bike/users/niavy/statuses/116303046527924366https://forum.other.li/post/https://masto.bike/users/niavy/statuses/116303046527924366Fri, 27 Mar 2026 20:34:14 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 19:51:06 GMT]]>@devnull The whole idea of this project is to see what is possible with modern web standards and pushing the limits and not to create something that works everywhere πŸ€·β€β™‚οΈ

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302876949430250https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302876949430250Fri, 27 Mar 2026 19:51:06 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 19:19:36 GMT]]>@html5test Web "standards" they call it 🀑

It is supported only since Firefox 147 according to this. Which doesn't include Firefox ESR yet…

https://www.reddit.com/r/css/comments/1qbsn2h/css_anchor_positioning_is_now_in_supported_in_all/

]]>https://forum.other.li/post/https://mamot.fr/users/devnull/statuses/116302753049396550https://forum.other.li/post/https://mamot.fr/users/devnull/statuses/116302753049396550Fri, 27 Mar 2026 19:19:36 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 19:05:09 GMT]]>@devnull this is probably because the browser you are using does not support Anchored Positioning.

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302696270843421https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302696270843421Fri, 27 Mar 2026 19:05:09 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 19:00:15 GMT]]>@html5test The gun is appearing in the upper left corner

]]>https://forum.other.li/post/https://mamot.fr/users/devnull/statuses/116302677010606826https://forum.other.li/post/https://mamot.fr/users/devnull/statuses/116302677010606826Fri, 27 Mar 2026 19:00:15 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 17:47:28 GMT]]>@html5test runs perfectly on Firefox!

]]>https://forum.other.li/post/https://layer8.space/users/k/statuses/116302390789198264https://forum.other.li/post/https://layer8.space/users/k/statuses/116302390789198264Fri, 27 Mar 2026 17:47:28 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 17:18:36 GMT]]>@BoydStephenSmithJr The most likely reason is the ESR probably does not yet support Anchored Positioning, which is used for positioning the gun relative to the status bar.

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302277273792564https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302277273792564Fri, 27 Mar 2026 17:18:36 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 17:17:47 GMT]]>@ZoidbergForPresident It should work when you go to Full screen mode (left square button in the top right), which uses Pointer Lock to capture the mouse if supported by the browser.

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302274098428189https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302274098428189Fri, 27 Mar 2026 17:17:47 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 17:10:52 GMT]]>@html5test Nice, too bad the mouse doesn't work...

]]>https://forum.other.li/post/https://kolektiva.social/users/ZoidbergForPresident/statuses/116302246892736500https://forum.other.li/post/https://kolektiva.social/users/ZoidbergForPresident/statuses/116302246892736500Fri, 27 Mar 2026 17:10:52 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 17:06:03 GMT]]>@html5test CSS it's Turing complete? Another vector to run propietary softwaer? A good thing I use Mothra under 9front and under GNU Guix.

BTW you can provide full levels from FreeDoom (better if you build a daily compilation, as it has really good but recent changes) with Deutex and GNU make: https://freedoom.github.io

Now you can provide the two full episodes.

]]>https://forum.other.li/post/https://neopaquita.es/users/anthk/statuses/116302227942901660https://forum.other.li/post/https://neopaquita.es/users/anthk/statuses/116302227942901660Fri, 27 Mar 2026 17:06:03 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 16:57:54 GMT]]>@html5test FF-ESR (on Debian) renders the gun+hand in the top-left instead of in the middle-bottom.

Also I couldn't figure out how to shoot.

Very cool. Congratulations.

]]>https://forum.other.li/post/https://hachyderm.io/users/BoydStephenSmithJr/statuses/116302195899165465https://forum.other.li/post/https://hachyderm.io/users/BoydStephenSmithJr/statuses/116302195899165465Fri, 27 Mar 2026 16:57:54 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 16:56:00 GMT]]>@aumetra 😱

]]>https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302188414482172https://forum.other.li/post/https://front-end.social/users/html5test/statuses/116302188414482172Fri, 27 Mar 2026 16:56:00 GMT<![CDATA[Reply to CSS is DOOMed! on Fri, 27 Mar 2026 16:45:56 GMT]]>@html5test Vanadium wants me to end its suffering]]>https://forum.other.li/post/https://corteximplant.net/objects/86990815-9bf1-4841-919c-5b3ae0cf08efhttps://forum.other.li/post/https://corteximplant.net/objects/86990815-9bf1-4841-919c-5b3ae0cf08efFri, 27 Mar 2026 16:45:56 GMT