Mads Stoumann

I'm a tech director, web developer, graphic designer, musician, blogger, comicbook-geek, LEGO-collector, food lover … as well as husband and father!

Copenhagen, Denmark Joined on Nov 16, 2020 https://stoumann.dk

Pronouns

He/him

Work

Technical Director at AKQA

Pinned

Mads Stoumann

May 7 '25

Guitar Chords in CSS

#showdev #css #webdev #tutorial

204

5 min read

Mads Stoumann

Aug 25 '24

The Solar System in CSS

#showdev #css #webdev #tutorial

278

3 min read

Mads Stoumann

Apr 29 '23

Dark Mode in 3 Lines of CSS and Other Adventures

#css #webdev #tutorial #javascript

477

6 min read

Mads Stoumann

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

788

4 min read

Mads Stoumann

Feb 11

Re-creating a Pantone Color Deck in CSS

#html #css #tutorial #webdev

6 min read

Want to connect with Mads Stoumann?

Create an account to connect with Mads Stoumann. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Mads Stoumann

Oct 31 '25

Creating a Maintenance Page using a Cloudflare Worker

#javascript #security #webdev #tutorial

4 min read

Mads Stoumann

Oct 30 '25

Adding Security Headers on Cloudflare

#security #webdev

3 min read

Mads Stoumann

Oct 24 '25

Weather Widgets

#showdev #javascript #css #webdev

4 min read

Mads Stoumann

Jul 25 '25

Piano Chords in CSS

#showdev #css #tutorial #webdev

4 min read

Mads Stoumann

Jun 9 '25

Charts in CSS

#showdev #css #tutorial #webdev

6 min read

Mads Stoumann

Apr 9 '25

Phases of the Moon in CSS

#showdev #css #webdev #tutorial

4 min read

Mads Stoumann

Apr 5 '25

How To Create Gauges in CSS

#showdev #css #webdev #tutorial

6 min read

Mads Stoumann

Mar 22 '25

Digital Clocks in CSS

#showdev #webdev #css #javascript

6 min read

Mads Stoumann

Feb 25 '25

Clocks and Watches in CSS

#css #javascript #webdev #tutorial

105

5 min read

Mads Stoumann

Feb 11 '25

The Unofficial Dev.To Embed Web Component

#showdev #javascript #css #webdev

2 min read

Mads Stoumann

Jan 24 '25

Creating a Print Preview Web Component

#javascript #webdev #webcomponents #tutorial

4 min read

Mads Stoumann

Dec 7 '24

Art with CSS Grid and SVG filters

#showdev #css #javascript #webdev

2 min read

Mads Stoumann

Dec 2 '24

Creating a Scroll Grid

#javascript #css #webdev #tutorial

4 min read

Mads Stoumann

Nov 10 '24

Can I Drive? Coding an Alcohol Tester

#javascript #css #webdev #tutorial

3 min read

Mads Stoumann

Nov 3 '24

Designing Better Tables: Using Popovers for Extra Data

#javascript #css #webdev #tutorial

4 min read

Mads Stoumann

Sep 25 '24

The Golden Ratio in CSS

#showdev #css #webdev #tutorial

243

3 min read

Mads Stoumann

Sep 13 '24

CMYK, RGB, and Building a Color Visualizer

#css #javascript #webdev #tutorial

4 min read

Mads Stoumann

Sep 12 '24

Alien Signals — 2-in-1 Challenge

#devchallenge #frontendchallenge #css #javascript

2 min read

Mads Stoumann

Sep 8 '24

The Periodic Table in CSS

#showdev #css #webdev #tutorial

128

4 min read

Mads Stoumann

Sep 1 '24

And the Oscar Goes to … Coding a Chronology Component

#showdev #css #webdev #tutorial

3 min read

Mads Stoumann

Aug 19 '24

Line Numbers for <textarea> using SVG

#showdev #javascript #webdev #css

4 min read

Mads Stoumann

Jun 22 '24

Build A CSS Word Search Game In ... CSS!

#showdev #css #html #webdev

2 min read

Mads Stoumann

Jun 2 '24

Sunday Fun: Re-creating a Radiohead cover

#showdev #css #javascript #webdev

2 min read

Mads Stoumann

May 30 '24

A Trip To The Beach

#devchallenge #frontendchallenge #css #javascript

2 min read

Mads Stoumann

May 29 '24

La Luzerne

#frontendchallenge #devchallenge #css

2 min read

Mads Stoumann

May 24 '24

Getting Creative with CSS Grid

#showdev #css #webdev #tutorial

3 min read

Mads Stoumann

May 23 '24

Wheel of Fortune with CSS

#css #webdev #tutorial #javascript

217

4 min read

Mads Stoumann

May 12 '24

Unleashing the Hidden Power of HTML Forms

#html #javascript #webdev #tutorial

3 min read

Mads Stoumann

May 8 '24

Eurovision Gradients

#showdev #css #webdev #tutorial

2 min read

Mads Stoumann

May 3 '24

Animating Numbers

#css #javascript #webdev #tutorial

4 min read

Mads Stoumann

Apr 9 '24

Small Tips for Styling Card Components

#css #html #webdev #tutorial

3 min read

Mads Stoumann

Mar 22 '24

Fetch with AbortController

#frontendchallenge #devchallenge #javascript #webdev

1 min read

Mads Stoumann

Mar 22 '24

Camping with HTML and CSS

#frontendchallenge #devchallenge #css #javascript

2 min read

Mads Stoumann

Mar 21 '24

Liquorice Allsorts

#frontendchallenge #devchallenge #css

2 min read

Mads Stoumann

Mar 2 '24

Styling Checkboxes and Switches

#showdev #css #tutorial #webdev

134

5 min read

Mads Stoumann

Jan 28 '24

A First Look at Apples New Switch Control

#showdev #css #webdev #tutorial

2 min read

Mads Stoumann

Jan 28 '24

A Guide to Styling Tables

#showdev #css #webdev #tutorial

198

7 min read

Mads Stoumann

Sep 1 '23

Clocks & Countdowns: Timing in CSS and JavaScript

#showdev #javascript #css #webdev

133

4 min read

Mads Stoumann

Aug 12 '23

Syntax-Highlight CSS with Semantic HTML — and get Dark Mode for free

#showdev #css #html #webdev

4 min read

Mads Stoumann

Jul 22 '23

Circle-Packing with Javascript and SVG — the Kusama Way

#showdev #javascript #css #webdev

2 min read

Mads Stoumann

Jul 18 '23

The Moon in 10241 Dots — Re-creating a 1969 Masterpiece

#showdev #css #javascript #webdev

4 min read

Mads Stoumann

Jul 10 '23

In the Footsteps of Poul Gernes — Making an Interactive Art Poster

#showdev #css #webdev #javascript

3 min read

Mads Stoumann

Jul 5 '23

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

#showdev #css #codepen #webdev

159

2 min read

Mads Stoumann

Jun 13 '23

Color Compare Range Slider

#showdev #javascript #css #webdev

2 min read

Mads Stoumann

Jun 12 '23

Using a Single Input for one-time-code

#showdev #css #javascript #webdev

224

3 min read

Mads Stoumann

May 23 '23

Tetris Testimonial Quotes

#showdev #codepen #css

1 min read

Mads Stoumann

May 13 '23

Mobile-to-Desktop Menu in 2 Lines of CSS

#webdev #css #tutorial #javascript

5 min read

Mads Stoumann

May 7 '23

Configurable CSS Components

#showdev #css #webdev

4 min read

Mads Stoumann

Oct 7 '22

Extending Emmet and VS Code — and discovering 415 CSS properties

#showdev #javascript #webdev #css

9 min read

Mads Stoumann

Sep 16 '22

Recreating Apple's Color Picker Icon

#showdev #css #design #webdev

2 min read

Mads Stoumann

Sep 12 '22

Build a CSS Transition Tool for your editors

#css #javascript #webdev #tutorial

3 min read

Mads Stoumann

Sep 6 '22

SVG, Geometry — and a dash of JavaScript

#showdev #svg #javascript #webdev

3 min read

Mads Stoumann

Aug 14 '22

Build a Multi-Language Countdown Component

#javascript #webdev #tutorial #css

4 min read

Mads Stoumann

Aug 3 '22

Creating a Word Wheel in CSS

#showdev #css #javascript #webdev

2 min read

Mads Stoumann

Jul 24 '22

Masking and coloring product images using CSS and SVG

#css #svg #tutorial #webdev

3 min read

Mads Stoumann

Jul 8 '22

Creating SVG Icons from JSON

#javascript #svg #design #webdev

3 min read

Mads Stoumann

Jul 5 '22

Creating a Grid Visualizer

#css #design #javascript #webdev

3 min read

Mads Stoumann

Jun 25 '22

How to embed YouTube and Vimeo the light way

#html #javascript #webdev #tutorial

3 min read

Mads Stoumann

Jun 23 '22

Re-creating Apple’s Dark Mode Icon

#svg #design #css #javascript

2 min read