Skip to content

Forem

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

13

3

Pinned

May 7

Guitar Chords in CSS

#showdev #css #webdev #tutorial

5 min read

Aug 25 '24

The Solar System in CSS

#showdev #css #webdev #tutorial

3 min read

Apr 29 '23

Dark Mode in 3 Lines of CSS and Other Adventures

#css #webdev #tutorial #javascript

6 min read

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

4 min read

Cover image for Piano Chords in CSS

Jul 25

Piano Chords in CSS

#showdev #css #tutorial #webdev

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

Already have an account? Sign in

Cover image for Charts in CSS

Jun 9

Charts in CSS

#showdev #css #tutorial #webdev

6 min read

Cover image for Phases of the Moon in CSS

Apr 9

Phases of the Moon in CSS

#showdev #css #webdev #tutorial

4 min read

Cover image for How To Create Gauges in CSS

Apr 5

How To Create Gauges in CSS

#showdev #css #webdev #tutorial

6 min read

Cover image for Digital Clocks in CSS

Mar 22

Digital Clocks in CSS

#showdev #webdev #css #javascript

6 min read

Cover image for Clocks and Watches in CSS

Feb 25

Clocks and Watches in CSS

#css #javascript #webdev #tutorial

5 min read

Cover image for The Unofficial Dev.To Embed Web Component

Feb 11

The Unofficial Dev.To Embed Web Component

#showdev #javascript #css #webdev

2 min read

Cover image for Creating a Print Preview Web Component

Jan 24

Creating a Print Preview Web Component

#javascript #webdev #webcomponents #tutorial

4 min read

Cover image for Art with CSS Grid and SVG filters

Dec 7 '24

Art with CSS Grid and SVG filters

#showdev #css #javascript #webdev

2 min read

Cover image for Creating a Scroll Grid

Dec 2 '24

Creating a Scroll Grid

#javascript #css #webdev #tutorial

4 min read

Cover image for Can I Drive? Coding an Alcohol Tester

Nov 10 '24

Can I Drive? Coding an Alcohol Tester

#javascript #css #webdev #tutorial

3 min read

Cover image for Designing Better Tables: Using Popovers for Extra Data

Nov 3 '24

Designing Better Tables: Using Popovers for Extra Data

#javascript #css #webdev #tutorial

4 min read

Cover image for The Golden Ratio in CSS

Sep 25 '24

The Golden Ratio in CSS

#showdev #css #webdev #tutorial

3 min read

Cover image for CMYK, RGB, and Building a Color Visualizer

Sep 13 '24

CMYK, RGB, and Building a Color Visualizer

#css #javascript #webdev #tutorial

4 min read

Cover image for Alien Signals — 2-in-1 Challenge

Sep 12 '24

Alien Signals — 2-in-1 Challenge

#devchallenge #frontendchallenge #css #javascript

2 min read

Cover image for The Periodic Table in CSS

Sep 8 '24

The Periodic Table in CSS

#showdev #css #webdev #tutorial

4 min read

Cover image for And the Oscar Goes to … Coding a Chronology Component

Sep 1 '24

And the Oscar Goes to … Coding a Chronology Component

#showdev #css #webdev #tutorial

3 min read

Cover image for Line Numbers for <textarea> using SVG

Aug 19 '24

Line Numbers for <textarea> using SVG

#showdev #javascript #webdev #css

4 min read

Cover image for Build A CSS Word Search Game In ... CSS!

Jun 22 '24

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

#showdev #css #html #webdev

2 min read

Cover image for Sunday Fun: Re-creating a Radiohead cover

Jun 2 '24

Sunday Fun: Re-creating a Radiohead cover

#showdev #css #javascript #webdev

2 min read

Cover image for A Trip To The Beach

May 30 '24

A Trip To The Beach

#devchallenge #frontendchallenge #css #javascript

2 min read

Cover image for La Luzerne

May 29 '24

La Luzerne

#frontendchallenge #devchallenge #css

2 min read

Cover image for Getting Creative with CSS Grid

May 24 '24

Getting Creative with CSS Grid

#showdev #css #webdev #tutorial

3 min read

Cover image for Wheel of Fortune with CSS

May 23 '24

Wheel of Fortune with CSS

#css #webdev #tutorial #javascript

4 min read

Cover image for Unleashing the Hidden Power of HTML Forms

May 12 '24

Unleashing the Hidden Power of HTML Forms

#html #javascript #webdev #tutorial

3 min read

Cover image for Eurovision Gradients

May 8 '24

Eurovision Gradients

#showdev #css #webdev #tutorial

2 min read

Cover image for Animating Numbers

May 3 '24

Animating Numbers

#css #javascript #webdev #tutorial

4 min read

Cover image for Small Tips for Styling Card Components

Apr 9 '24

Small Tips for Styling Card Components

#css #html #webdev #tutorial

3 min read

Cover image for Fetch with AbortController

Mar 22 '24

Fetch with AbortController

#frontendchallenge #devchallenge #javascript #webdev

1 min read

Cover image for Camping with HTML and CSS

Mar 22 '24

Camping with HTML and CSS

#frontendchallenge #devchallenge #css #javascript

2 min read

Cover image for Liquorice Allsorts

Mar 21 '24

Liquorice Allsorts

#frontendchallenge #devchallenge #css

2 min read

Cover image for Styling Checkboxes and Switches

Mar 2 '24

Styling Checkboxes and Switches

#showdev #css #tutorial #webdev

5 min read

Cover image for A First Look at Apples New Switch Control

Jan 28 '24

A First Look at Apples New Switch Control

#showdev #css #webdev #tutorial

2 min read

Cover image for A Guide to Styling Tables

Jan 28 '24

A Guide to Styling Tables

#showdev #css #webdev #tutorial

7 min read

Cover image for Clocks & Countdowns: Timing in CSS and JavaScript

Sep 1 '23

Clocks & Countdowns: Timing in CSS and JavaScript

#showdev #javascript #css #webdev

4 min read

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

Aug 12 '23

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

#showdev #css #html #webdev

4 min read

Cover image for Circle-Packing with Javascript and SVG — the Kusama Way

Jul 22 '23

Circle-Packing with Javascript and SVG — the Kusama Way

#showdev #javascript #css #webdev

2 min read

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

Jul 18 '23

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

#showdev #css #javascript #webdev

4 min read

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

Jul 10 '23

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

#showdev #css #webdev #javascript

3 min read

Cover image for Re-creating a Japanese Fireworks Catalog from 1883 in CSS

Jul 5 '23

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

#showdev #css #codepen #webdev

2 min read

Cover image for Color Compare Range Slider

Jun 13 '23

Color Compare Range Slider

#showdev #javascript #css #webdev

2 min read

Cover image for Using a Single Input for one-time-code

Jun 12 '23

Using a Single Input for one-time-code

#showdev #css #javascript #webdev

3 min read

Cover image for Tetris Testimonial Quotes

May 23 '23

Tetris Testimonial Quotes

#showdev #codepen #css

1 min read

Cover image for Mobile-to-Desktop Menu in 2 Lines of CSS

May 13 '23

Mobile-to-Desktop Menu in 2 Lines of CSS

#webdev #css #tutorial #javascript

5 min read

Cover image for Configurable CSS Components

May 7 '23

Configurable CSS Components

#showdev #css #webdev

4 min read

Cover image for Extending Emmet and VS Code — and discovering 415 CSS properties

Oct 7 '22

Extending Emmet and VS Code — and discovering 415 CSS properties

#showdev #javascript #webdev #css

9 min read

Cover image for Recreating Apple's Color Picker Icon

Sep 16 '22

Recreating Apple's Color Picker Icon

#showdev #css #design #webdev

2 min read

Cover image for Build a CSS Transition Tool for your editors

Sep 12 '22

Build a CSS Transition Tool for your editors

#css #javascript #webdev #tutorial

3 min read

Cover image for SVG, Geometry — and a dash of JavaScript

Sep 6 '22

SVG, Geometry — and a dash of JavaScript

#showdev #svg #javascript #webdev

3 min read

Cover image for Build a Multi-Language Countdown Component

Aug 14 '22

Build a Multi-Language Countdown Component

#javascript #webdev #tutorial #css

4 min read

Cover image for Creating a Word Wheel in CSS

Aug 3 '22

Creating a Word Wheel in CSS

#showdev #css #javascript #webdev

2 min read

Cover image for Masking and coloring product images using CSS and SVG

Jul 24 '22

Masking and coloring product images using CSS and SVG

#css #svg #tutorial #webdev

3 min read

Cover image for Creating SVG Icons from JSON

Jul 8 '22

Creating SVG Icons from JSON

#javascript #svg #design #webdev

3 min read

Cover image for Creating a Grid Visualizer

Jul 5 '22

Creating a Grid Visualizer

#css #design #javascript #webdev

3 min read

Cover image for How to embed YouTube and Vimeo the light way

Jun 25 '22

How to embed YouTube and Vimeo the light way

#html #javascript #webdev #tutorial

3 min read

Cover image for Re-creating Apple’s Dark Mode Icon

Jun 23 '22

Re-creating Apple’s Dark Mode Icon

#svg #design #css #javascript

2 min read

Cover image for Showing "time ago" in a Social Feed using Intl.RelativeTimeFormat

Jan 18 '22

Showing "time ago" in a Social Feed using Intl.RelativeTimeFormat

#showdev #javascript #webdev #tutorial

2 min read

Cover image for Play Blur onblur

Dec 18 '21

Play Blur onblur

#showdev #html #javascript #webdev

2 min read

Cover image for Learning from the Masters of Design

Dec 4 '21

Learning from the Masters of Design

#html #css #design #webdev

3 min read

Cover image for Creating Global Components: A Checklist With Examples

Nov 11 '21

Creating Global Components: A Checklist With Examples

#html #css #javascript #webdev

7 min read

loading...