Post

Niels Leenheer
@html5test.com

CSS Flamethrower 🔥 We definitely need dedicated CSS specification for this. The flamethrower is connected with DMX and WebUSB. All DMX devices including lamps and stage FX devices get a DOM element with an id. You can use CSS to set colours or... throw flames.

Niels Leenheer
@html5test.com

You can also connect MIDI controllers and gamepads which set classes when you push a button. So you can trigger the flamethrower from a button. Connect a heart rate monitor too. So imagine a CSS animation that controls the speed of the fireballs... timed to your heart beat. Thermal runaway.

Niels Leenheer
@html5test.com

Want to know more? I have an upcoming talk about this – no promises on a live demo of the flamethrower – at @beyondtellerrand.com later this month. Tickets are still available: 🎟️ beyondtellerrand.com/events/dusse...

beyondtellerrand.combeyond tellerrand in Düsseldorf - 27–28 Apr 2026beyond tellerrand is the affordable single-track event where creativity and technology meet. Taking place in Düsseldorf and Berlin these days with 500+ attendees each in a renowned, familiar and friendly atmosphere.

1 repost1 like

Niels Leenheer
@html5test.com

On a side note, the flame thrower video – and this one with the smoke machine – were one of the funniest things I've ever filmed for a talk. Not part of the final cut, but several times during filming cars drove by, slowing down trying to assess what was happening... 😅