DEV Community

Mads Stoumann profile picture

Mads Stoumann

I'm a web developer, graphic designer, type designer, musician, comicbook-geek, LEGO-collector, food lover … as well as husband and father, located just south of Copenhagen, Denmark.

Location Copenhagen Joined Joined on  Personal website https://stoumann.dk github website twitter website

Work

Co-Founder at Perfection.DEV

Top 7
10
Four Year Club
Frontend Challenge Completion Badge
3
Writing Debut
Three Year Club
4 Week Community Wellness Streak
Two Year Club
2 Week Community Wellness Streak
1 Week Community Wellness Streak
One Year Club
CSS
JavaScript
Art with CSS Grid and SVG filters

Art with CSS Grid and SVG filters

41
Comments 10
2 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
Creating a Scroll Grid

Creating a Scroll Grid

5
Comments
4 min read
Can I Drive? Coding an Alcohol Tester

Can I Drive? Coding an Alcohol Tester

4
Comments
3 min read
Designing Better Tables: Using Popovers for Extra Data

Designing Better Tables: Using Popovers for Extra Data

45
Comments 10
4 min read
The Golden Ratio in CSS

The Golden Ratio in CSS

241
Comments 47
3 min read
CMYK, RGB, and Building a Color Visualizer

CMYK, RGB, and Building a Color Visualizer

4
Comments 2
4 min read
Alien Signals — 2-in-1 Challenge

Alien Signals — 2-in-1 Challenge

9
Comments
2 min read
The Periodic Table in CSS

The Periodic Table in CSS

120
Comments 25
4 min read
And the Oscar Goes to … Coding a Chronology Component

And the Oscar Goes to … Coding a Chronology Component

5
Comments 4
3 min read
The Solar System in CSS

The Solar System in CSS

266
Comments 50
3 min read
Line Numbers for <textarea> using SVG

Line Numbers for <textarea> using SVG

36
Comments 10
4 min read
Build A CSS Word Search Game In ... CSS!

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

22
Comments
2 min read
Sunday Fun: Re-creating a Radiohead cover

Sunday Fun: Re-creating a Radiohead cover

4
Comments 2
2 min read
A Trip To The Beach

A Trip To The Beach

6
Comments 1
2 min read
La Luzerne

La Luzerne

2
Comments
2 min read
Getting Creative with CSS Grid

Getting Creative with CSS Grid

44
Comments 6
3 min read
Wheel of Fortune with CSS

Wheel of Fortune with CSS

162
Comments 17
4 min read
Unleashing the Hidden Power of HTML Forms

Unleashing the Hidden Power of HTML Forms

31
Comments 2
3 min read
Eurovision Gradients

Eurovision Gradients

54
Comments 8
2 min read
Animating Numbers

Animating Numbers

50
Comments 7
4 min read
Small Tips for Styling Card Components

Small Tips for Styling Card Components

12
Comments 2
3 min read
Fetch with AbortController

Fetch with AbortController

5
Comments
1 min read
Camping with HTML and CSS

Camping with HTML and CSS

16
Comments 2
2 min read
Liquorice Allsorts

Liquorice Allsorts

31
Comments 4
2 min read
Styling Checkboxes and Switches

Styling Checkboxes and Switches

131
Comments 8
5 min read
A First Look at Apples New Switch Control

A First Look at Apples New Switch Control

7
Comments
2 min read
A Guide to Styling Tables

A Guide to Styling Tables

192
Comments 29
7 min read
What is Perfection.dev?

What is Perfection.dev?

3
Comments
5 min read
Creating a Bento-Layout with Perfection.dev

Creating a Bento-Layout with Perfection.dev

Comments 3
3 min read
Clocks & Countdowns: Timing in CSS and JavaScript

Clocks & Countdowns: Timing in CSS and JavaScript

131
Comments 36
4 min read
Syntax-Highlight CSS with Semantic HTML — and get Dark Mode for free

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

10
Comments 2
4 min read
Circle-Packing with Javascript and SVG — the Kusama Way

Circle-Packing with Javascript and SVG — the Kusama Way

15
Comments 4
2 min read
The Moon in 10241 Dots — Re-creating a 1969 Masterpiece

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

35
Comments 7
4 min read
In the Footsteps of Poul Gernes — Making an Interactive Art Poster

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

14
Comments 10
3 min read
Re-creating a Japanese Fireworks Catalog from 1883 in CSS

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

159
Comments 26
2 min read
Color Compare Range Slider

Color Compare Range Slider

9
Comments
2 min read
Using a Single Input for one-time-code

Using a Single Input for one-time-code

206
Comments 25
3 min read
Tetris Testimonial Quotes

Tetris Testimonial Quotes

30
Comments 4
1 min read
Configurable CSS Components

Configurable CSS Components

10
Comments 2
4 min read
Extending Emmet and VS Code — and discovering 415 CSS properties

Extending Emmet and VS Code — and discovering 415 CSS properties

10
Comments
9 min read
Recreating Apple's Color Picker Icon

Recreating Apple's Color Picker Icon

25
Comments 5
2 min read
Build a CSS Transition Tool for your editors

Build a CSS Transition Tool for your editors

13
Comments 1
3 min read
SVG, Geometry — and a dash of JavaScript

SVG, Geometry — and a dash of JavaScript

46
Comments 8
3 min read
Build a Multi-Language Countdown Component

Build a Multi-Language Countdown Component

13
Comments 2
4 min read
Creating a Word Wheel in CSS

Creating a Word Wheel in CSS

32
Comments 9
2 min read
Masking and coloring product images using CSS and SVG

Masking and coloring product images using CSS and SVG

47
Comments 6
3 min read
Creating SVG Icons from JSON

Creating SVG Icons from JSON

39
Comments
3 min read
Creating a Grid Visualizer

Creating a Grid Visualizer

11
Comments
3 min read
How to embed YouTube and Vimeo the light way

How to embed YouTube and Vimeo the light way

33
Comments 6
3 min read
Re-creating Apple’s Dark Mode Icon

Re-creating Apple’s Dark Mode Icon

25
Comments 6
2 min read
Showing "time ago" in a Social Feed using Intl.RelativeTimeFormat

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

32
Comments 3
2 min read
Play Blur onblur

Play Blur onblur

9
Comments
2 min read
Learning from the Masters of Design

Learning from the Masters of Design

26
Comments 6
3 min read
Creating Global Components: A Checklist With Examples

Creating Global Components: A Checklist With Examples

60
Comments
7 min read
Introducing the EyeDropper API

Introducing the EyeDropper API

7
Comments
2 min read
Validating Markup: Write Your Own Snippet

Validating Markup: Write Your Own Snippet

44
Comments 4
2 min read
Build a CSS Ruler

Build a CSS Ruler

82
Comments 5
3 min read
Layered Gradient Playground

Layered Gradient Playground

32
Comments
1 min read
KAOSS! Fun with Web Audio

KAOSS! Fun with Web Audio

185
Comments 20
1 min read
Nested border-radius Playground

Nested border-radius Playground

32
Comments 4
1 min read
loading...