Mads Stoumann
@stoumann.bsky.social
I'm a tech director, web developer, graphic designer, musician, blogger, comicbook-geek, LEGO-collector, food lover … as well as husband and father!
Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen...
November 5, 2025 at 6:25 PM
Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen...
Reposted by Mads Stoumann
Pumpkin triangulation = Trianguloween! codepen.io/stoumann/pen...
Trianguloween
...
codepen.io
October 29, 2025 at 4:26 PM
Pumpkin triangulation = Trianguloween! codepen.io/stoumann/pen...
Reposted by Mads Stoumann
Creating a Maintenance Page using a Cloudflare Worker: dev.to/madsstoumann...
Creating a Maintenance Page using a Cloudflare Worker
Last night, an Azure outage took down several sites my company maintains. While the servers were...
dev.to
October 31, 2025 at 10:53 AM
Creating a Maintenance Page using a Cloudflare Worker: dev.to/madsstoumann...
Creating a Maintenance Page using a Cloudflare Worker: dev.to/madsstoumann...
Creating a Maintenance Page using a Cloudflare Worker
Last night, an Azure outage took down several sites my company maintains. While the servers were...
dev.to
October 31, 2025 at 10:53 AM
Creating a Maintenance Page using a Cloudflare Worker: dev.to/madsstoumann...
Updated my Security Headers on Cloudflare and wrote a short article about it: dev.to/madsstoumann...
Adding Security Headers on Cloudflare
Four years ago, I wrote a posts about Security Headers. In that post, I mentioned how to set up...
dev.to
October 30, 2025 at 7:55 AM
Updated my Security Headers on Cloudflare and wrote a short article about it: dev.to/madsstoumann...
Pumpkin triangulation = Trianguloween! codepen.io/stoumann/pen...
Trianguloween
...
codepen.io
October 29, 2025 at 4:26 PM
Pumpkin triangulation = Trianguloween! codepen.io/stoumann/pen...
Circular Ranges — revisited, as a web component: codepen.io/stoumann/pen...
Circular Ranges
...
codepen.io
October 26, 2025 at 5:40 PM
Circular Ranges — revisited, as a web component: codepen.io/stoumann/pen...
All the various Weather Widgets combined: codepen.io/stoumann/pen...
Article here: dev.to/madsstoumann...
Article here: dev.to/madsstoumann...
Weather Widgets: Combined
...
codepen.io
October 26, 2025 at 4:05 PM
All the various Weather Widgets combined: codepen.io/stoumann/pen...
Article here: dev.to/madsstoumann...
Article here: dev.to/madsstoumann...
Weather Widgets — new article and a *lot* of demos: dev.to/madsstoumann...
Weather Widgets
Everyone talks about it — but no one does anything about it. What? The weather, of course! So, at...
dev.to
October 24, 2025 at 11:34 AM
Weather Widgets — new article and a *lot* of demos: dev.to/madsstoumann...
Article about "Piano Chords in CSS": dev.to/madsstoumann...
Piano Chords in CSS
A couple of months ago, I wrote an article about Guitar Chords in CSS, using the new typed attr()...
dev.to
July 25, 2025 at 3:06 PM
Article about "Piano Chords in CSS": dev.to/madsstoumann...
Piano Chords in CSS: codepen.io/stoumann/pen...
Piano Chords
...
codepen.io
July 25, 2025 at 3:04 PM
Piano Chords in CSS: codepen.io/stoumann/pen...
I wrote an article about how to create responsive, accessible charts in CSS — using typed `attr()` and more!
dev.to/madsstoumann...
dev.to/madsstoumann...
Charts in CSS
Charts have been done in CSS many times before — there's even a dedicated project. So why this post?...
dev.to
June 9, 2025 at 10:53 AM
I wrote an article about how to create responsive, accessible charts in CSS — using typed `attr()` and more!
dev.to/madsstoumann...
dev.to/madsstoumann...
Charts in CSS, using typed attr() — article coming soon: codepen.io/stoumann/pen...
Charts in CSS
...
codepen.io
June 7, 2025 at 2:00 PM
Charts in CSS, using typed attr() — article coming soon: codepen.io/stoumann/pen...
Guitar Chords in CSS codepen.io/stoumann/pen... via @CodePen
May 7, 2025 at 9:37 AM
Guitar Chords in CSS codepen.io/stoumann/pen... via @CodePen
New article about attr() and more: dev.to/madsstoumann...
Phases of the Moon in CSS
You might have heard that the humble, old attr() method in CSS just got a big update. It's only in...
dev.to
April 9, 2025 at 5:58 PM
New article about attr() and more: dev.to/madsstoumann...
New article on CSS Gauges: dev.to/madsstoumann...
How To Create Gauges in CSS
With modern CSS we can create beautiful gauges with ease. It involves a bunch of techniques, so let's...
dev.to
April 5, 2025 at 11:22 AM
New article on CSS Gauges: dev.to/madsstoumann...
Had fun creating digital clocks in CSS — and wrote an article about it! For 12-hour systems I used `@counter-style` and modulo `mod()` in CSS for the first time. Examples include Japanese Hiragana and Arabic numerals.
dev.to/madsstoumann...
dev.to/madsstoumann...
Digital Clocks in CSS
In my previous post, I looked into clocks and watches, mimicking classic, analog watches. Now, how...
dev.to
March 22, 2025 at 1:51 PM
Had fun creating digital clocks in CSS — and wrote an article about it! For 12-hour systems I used `@counter-style` and modulo `mod()` in CSS for the first time. Examples include Japanese Hiragana and Arabic numerals.
dev.to/madsstoumann...
dev.to/madsstoumann...
I'm launching a bunch of SVG Art Generators — here's the first: Das ist Bauhaus codepen.io/stoumann/pen...
Das ist Bauhaus
...
codepen.io
March 11, 2025 at 1:54 PM
I'm launching a bunch of SVG Art Generators — here's the first: Das ist Bauhaus codepen.io/stoumann/pen...
Made a web component to easily embed a list of dev.to articles — or a specific article: dev.to/madsstoumann...
The Unofficial Dev.To Embed Web Component
The other day, I re-discovered the dev.to API and found out that it can be used without an API key....
dev.to
February 11, 2025 at 9:39 AM
Made a web component to easily embed a list of dev.to articles — or a specific article: dev.to/madsstoumann...
Portal
...
codepen.io
January 20, 2025 at 7:06 PM
In Chrome 133, we finally get the attr()-update, making it super-easy to use attributes-as-types in CSS:
January 16, 2025 at 9:27 AM
In Chrome 133, we finally get the attr()-update, making it super-easy to use attributes-as-types in CSS:
All work and no play ... Monday on a Thursday ... codepen.io/stoumann/pen...
January 16, 2025 at 8:23 AM
All work and no play ... Monday on a Thursday ... codepen.io/stoumann/pen...