Elektrine
Log in Register
Paige Chat Timeline Gallery Friends Email Drive DNS Private DNS Domains VPN Kairo Nerve
Remote

Niels Leenheer

@html5test@front-end.social
mastodon 4.7.3
  • Open on front-end.social

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.

516 Followers
162 Following
50 Posts
Joined November 11, 2024
Website:
https://nielsleenheer.com
Github:
http://github.com/nielsleenheer
Bluesky:
https://bsky.app/profile/html5test.com
Open post
Niels Leenheer @html5test@front-end.social
· 1w ago

And this is what I've been spending my evenings on lately. A decoder for receipt printer protocols. You can take the bytes that get send to a receipt printer and inspect the commands that are inside of it. And... actually see a render of the receipt.

Only useful for a hand full of people. And me.

6
0
3
0
Open post
Niels Leenheer @html5test@front-end.social
· 1w ago

RE: @heydon@front-end.social

I've seen Heydon's talk a week or two ago at @smashingconf@mastodon.social and it was amazing. I just loved it so much.

So if you want to see it... come down to Dordrecht in The Netherlands... A handful of tickets are still available.

https://www.fronteersconf.org

front-end.social
3
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 2w ago

Two weeks from now Fronteers Dark Mode will happen in Dordrecht in The Netherlands. There are still a few tickets left. Be quick ⚠️

Join us for an afternoon and evening of great talks. With a spectacular line up: Anjana Vakil, @tunetheweb@mastodon.social, @Cyd@front-end.social, @csswizardry@webperf.social and @heydon@front-end.social.

And let's not forget our amazing MC:
@jaffathecake@mastodon.social.

Tickets are just €99 ⭐️ and a two-course dinner is included as well 🍽️ @fronteers@front-end.social members will get a 50 euro discount.

🎟️ www.fronteersconf.org

5
0
12
0
Open post
Niels Leenheer @html5test@front-end.social
· 1w ago

Fronteers Dark Mode conference is next week! Monday I'll send badges to the printer... which means if you want a proper badge... sign up now!

We've got a handful of tickets left and they are only €100 for an evening of front-end talks by some amazing speakers.

https://www.fronteersconf.org

fronteersconf.org
2
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 1mo ago

Over the years I have brought some really weird things through airport security. I’ve set off the alarms once - they closed down the lane and started shouting in panic because it looked really serious on the scanners.

But never a vintage oscilloscope. Until today. Freiburg, here we come!

4
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 1mo ago

"Oscilloscopes & Other Bad Ideas"

I've been so swamped in work that I completely forgot that I am going to give a talk at the @smashingconf@mastodon.social Jam Session next Monday. But with a title like that I already know it's going to be good.

https://smashingconf.com/freiburg-2026/jam-session

Now... is there any way I can bring an actual vintage oscilloscope with me on the plane to Freiburg? 🤔

smashingconf.com
1
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

The #cssday photos have been published and they are great. Love them.

https://cssday.nl/2026/pix/photos/

But these... These made my day. These were taken during my talk and it makes all of the work I put into it worth it. ❤️

front-end.social
8
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

Not this fall, but the this conference needs to be included as well:

State of the Browser organised by
@webstandards@mastodon.world will be back in 2027 on the 6th of March in the Barbican in London🇬🇧

I've already got my ticket – just £80, which is a steal.

🎟️ 2027.stateofthebrowser.com

8
0
3
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

A PSA for the #cssday attendees:

It is perfectly safe to attend this year. Left my CSS Flamethrower at home. Apparently they don’t want me to burn the venue down.

But no worries. I am only bringing an oscilloscope - it been repaired since it exploded last year - and lasers. Perfectly safe.

front-end.social
9
1
1
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

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…

18
1
10
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

Today exactly 10 years ago, I spoke at CSS Day.

Around that time I created a list of a handful of conference that I would love to speak at. And I am so lucky that was able to tick off most of them over the last 10 years. I even got to speak again at CSS Day last week.

Just one left... for now.

6
1
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

Dropped my stuff off at the #cssday venue. Like you do. Totally normal.

front-end.social
6
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

Am I really doing this? Maybe... Not even sure if I can pull this off in about a month or so before CSS Day.

Wouldn't it be cool if you could play cssDOOM during the breaks and try to beat other attendees in a two-player Death Match game.

And I still have to write my talk too...

https://cssday.nl

cssday.nl
9
4
6
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

This is happening! Multi-player cssDOOM death match. Rendering was already pretty much decoupled from gameplay, so the two side-by-side viewports were *almost* free. Still so much work to do, but made significant progress.

In other news, I did not get much sleep last night.

8
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

Smoke machine powered by CSS!

Fully based on web platform tech, such as WebUSB for the DMX connection and CSS for controlling everything.

My projects can sometimes get a little bit out of hand. Want to know more? Come see my talk at @btconf@mastodon.social

https://beyondtellerrand.com/events/dusseldorf-2026/tickets

Tickets for beyond tellerrand in Düsseldorf 2026
beyond tellerrand Events

Tickets for beyond tellerrand in Düsseldorf 2026

beyond 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.

11
2
6
1
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

First up:

Fronteers Dark Mode in Dordrecht 🇳🇱 on October 2nd. With Cyd Stumpel, @heydon@front-end.social, @csswizardry@webperf.social, @tunetheweb@mastodon.social and Anjana Vakil. And @jaffathecake@mastodon.social as our MC.

An amazing location and tickets only cost €99, and include dinner. Don't miss this!

🎟️ fronteersconf.org

4
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

Arrived in Amsterdam for @smashingconf@mastodon.social and booked an apartment for the coming days.

But… I did not expect to step into a Rembrandt or Vermeer painting… 🤩

9
2
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
I am bringing two laptops. One for Keynote, one for the demos. Instead of switching video between the two I am using an Elgato screen capture device that takes the HDMI output of the demo machine and inserts it as live video in the Keynote slides. Works really well.
5
1
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

Next: HalfStack is back! November 26th in Vienna🇦🇹

Another favourite. I am kind of part of the furniture, because this is going to be the 15th time I'm speaking at HalfStack 😅

Tickets are just €200 euro and with this code you'll get 20% off:
Niels_HSVienna26_Awesome20

🎟️ halfstackconf.com/vienna

2
0
3
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

Most of my talk preparations follow this pattern:

1. Idea
2. Worry about having enough content
3. Worry more about finishing 20 minutes early
4. Make slides
5. Practice
6. Panic, because it is 20 minute over time
7. Remove about a third of my talk
8. Panic, because I removed all the good jokes...

4
0
1
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

On my way to #cssday, having a stop with some coffee and working on finishing my demos. What can go wrong. Totally prepared. Like a professional.

front-end.social
2
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

First talk of the year is done: CSS is DOOMed, which was just a very last minute idea for the @smashingconf@mastodon.social Jam Sessions.

10 minutes. No preparations. No slides. Off the cuff. But I had lots of fun playing cssDOOM and showing how it works under the hood.

4
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago

HTML DOM in Canvas? No. DOOM-ception in Canvas.

Maybe I should be working on my slides for Friday, instead I'm at @smashingconf.com creating a playable DOOM terminal in my cssDOOM project. It is a Canvas with an iframe of cssDOOM. And... it works. You can play DOOM in DOOM.

3
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

RE: @btconf@mastodon.social

I am so honoured to be part of #btconf this year. This conference has been such a huge inspiration to me over the years. Been working on this talk for at least a year and expect chaotic energy with lots of weird and wonderful web experiments.

mastodon.social
3
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

Sometimes I feel like I have too many projects. I move from one to the other and old projects get ignored because I am working on something new and shiny.

But that chaos also helps me be creative and challenge me to improve my skills. But today I'm feeling like a mad professor. In a good way.

3
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

Great! My clock now randomly thinks it is a VCR. And nobody knows how to set the time on a VCR so it just blinks 12:00.

Also it sometimes it forgets to reset after midnight so it goes from 23:59 to 24:00 to 25:00 and on.

And yes. I am using a round display for a square digital clock…

3
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago

Next: @ffconf@social.ffconf.org in Brighton🇬🇧

This conference has been on my list for more than 10 years. I've heard so many great things, but somehow never managed to attend. But this year I am not only heading over to Brighton, but I'll actually be on stage.

Tickets will be on sale next week:
🎟️ 2026.ffconf.org

1
0
1
0
Open post
Niels Leenheer @html5test@front-end.social
· 3mo ago
Replying to
And, do want me to speak about CSS DOOM at your conference, DM me!
1
0
1
0
Open post
Niels Leenheer @html5test@front-end.social
· 4mo ago

RE: @html5test@front-end.social

Every time I decide to write a talk I underestimate the time I need. I do have a rough idea, but there is this whole period of me just making random slides. Sometimes weeks.

Then suddenly I am happy. Build the rest of the talk in a day or two. Way too long. Cut in half. And it just fits together.

front-end.social
1
1
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 4mo ago
Replying to
In theory it could do four players. But two is pretty much the maximum the browser can render simultaneously. But that is okay. Rendering one DOOM in CSS is already crazy. Rendering two at the same time is insane. Yet it works. On a side note: my eleven year old is already beating me.
1
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
@amber@front-end.social That is so great to hear. I've spend so many hours playing DOOM back in the 90s. So for me this project was part the challenge of actually building the thing and part nostalgia of playing the thing again.
1
1
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
@florianziegler Thank you for the great photos and it was lovely talking to you over the last couple of days.
1
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
@paulca@mastodon.social I didn’t really check. Could have turned out to be much worse 😬
1
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
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... 😅
1
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

Over the last week I've fixed some cssDOOM issues and improved the gameplay to better match the original game. And the best part – because it is just a website, you don't have to download any updates.

Best browser to run this is still latest Firefox, with Safari a good second.

https://cssdoom.wtf/

cssDOOM
cssdoom.wtf

cssDOOM

DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.

1
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
And on Friday there is The Web You Want event at the CMD in Amsterdam. I will be giving a proper talk about how I used CSS to draw a clock on an oscilloscope... No wait, about how I used WebAudio and blew up my oscilloscope. It's a free event, so join us! There may be lasers. https://the-web-you-want.org
the-web-you-want.org
0
0
2
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
This is one of the projects I've been obsessed with for the last year or so and it brings so much together. From heart rate monitors and Joy-Con gyroscopes to lasers and even flamethrowers. BTW, the music is Dream Life by Ren & The Skinner Brothers – from my favourite album of last year.
0
1
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
Want to know more? I have an upcoming talk about this – no promises on a live demo of the flamethrower – at @btconf later this month. Tickets are still available: 🎟️ https://beyondtellerrand.com/events/dusseldorf-2026
beyond tellerrand in Düsseldorf - 27–28 Apr 2026
beyond tellerrand Events

beyond tellerrand in Düsseldorf - 27–28 Apr 2026

beyond 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.

0
2
1
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago

Is it just me, or has Keynote has become terrible to use lately. Copying text blocks changes the font.... Copy source code... pasting a table?!?!

0
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
The core is just CSS – which acts as a state machine. Inputs set classes and custom properties. The output is just sampled computed styles from the DOM. Animations are defined in CSS. Buttons are setting classes with values or animations. The laser is tracing SVG elements. I love the web.
0
0
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
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.
0
2
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 6mo ago
Replying to
The code for this is open and available at https://github.com/NielsLeenheer/WebDmxController
github.com
0
2
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
@rowdy@mastodon.social HDMI out of the demo laptop is connected using HDMI to a Elgato Cam Link. I've configured the laptop to output an 1920x1080 screen with screen mirroring. And on the Keynote laptop, the Elgato now creates a virtual webcam that contains that HDMI source. And Keynote allows you to view live video from a webcam on your slides. You can configure the source, pick the Cam Link. Duplicate the slide and insert in every position in the deck when want to a demo and that is it.
0
2
0
0
Open post
Niels Leenheer @html5test@front-end.social
· 5mo ago
Replying to
@amber@front-end.social Yeah, that was me 👋🏻
0
1
0
0
Back
313k7r1n3
Elektrine

Tor hidden service

elekhj7afj4qnrr4yd3bkzslsyo5jgfxw3orgjkhlcxifueodybyiiad.onion

I2P eepsite

j6b6cyk6gjmepjih7jjadxgxvvf3lzzujljuu2v4biemzpg3naya.b32.i2p

Platform

  • Email
  • Chat
  • Timeline
  • VPN
  • DNS

Company

  • About
  • Contact
  • FAQ
  • Lite (no JS)

Legal

  • Terms of Service
  • Privacy Policy
  • Transparency Report
  • Report Abuse
  • Warrant Canary
  • VPN Policy

Support

  • support@elektrine.com
  • Report Security Issue
Mail client setup IMAP mail.elektrine.com:993 POP3 mail.elektrine.com:995 SMTP mail.elektrine.com:465
© 2026 Elektrine. All rights reserved. Server: 22:29:45 UTC