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

Owner at The Frontend Agency

Creating Global Components: A Checklist With Examples

Creating Global Components: A Checklist With Examples

Reactions 61 Comments
7 min read
Introducing the EyeDropper API

Introducing the EyeDropper API

Reactions 9 Comments
2 min read
Validating Markup: Write Your Own Snippet

Validating Markup: Write Your Own Snippet

Reactions 45 Comments 4
2 min read
Build a CSS Ruler

Build a CSS Ruler

Reactions 73 Comments
3 min read
Layered Gradient Playground

Layered Gradient Playground

Reactions 34 Comments
1 min read
KAOSS! Fun with Web Audio

KAOSS! Fun with Web Audio

Reactions 181 Comments 20
1 min read
Nested border-radius Playground

Nested border-radius Playground

Reactions 35 Comments 4
1 min read
A simple Color-Picker using CSS5 color-contrast() and color-mix()

A simple Color-Picker using CSS5 color-contrast() and color-mix()

Reactions 27 Comments
3 min read
The Frontend Agency

The Frontend Agency

Reactions 152 Comments 18
3 min read
Building A Minimal AutoSuggest

Building A Minimal AutoSuggest

Reactions 243 Comments 5
8 min read
Building a Reaction Component

Building a Reaction Component

Reactions 140 Comments 31
3 min read
Comics, Graphic Design — and the Power of JavaScript

Comics, Graphic Design — and the Power of JavaScript

Reactions 31 Comments 3
4 min read
Mood Selector Component

Mood Selector Component

Reactions 26 Comments 10
1 min read
Star-Rating Using A Single Input

Star-Rating Using A Single Input

Reactions 400 Comments 26
3 min read
A Quick Guide To CSS Logical Properties

A Quick Guide To CSS Logical Properties

Reactions 25 Comments 4
5 min read
Container Queries: Another Polyfill

Container Queries: Another Polyfill

Reactions 27 Comments 2
5 min read
Deconstructing Art: Learning From Constraints

Deconstructing Art: Learning From Constraints

Reactions 22 Comments 6
3 min read
Random Art Generator: Dots & Rings

Random Art Generator: Dots & Rings

Reactions 33 Comments 2
1 min read
How To Fill Out A Form With Your Voice

How To Fill Out A Form With Your Voice

Reactions 23 Comments 2
2 min read
Color Stripes

Color Stripes

Reactions 5 Comments
1 min read
How to Build a Color Wheel with Tints & Shades

How to Build a Color Wheel with Tints & Shades

Reactions 49 Comments 10
2 min read
Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Reactions 181 Comments 41
2 min read
SVG Circle Pattern Generator

SVG Circle Pattern Generator

Reactions 9 Comments
2 min read
data-attributes vs. BEM

data-attributes vs. BEM

Reactions 10 Comments 2
2 min read
Lockdown Fun: Your Age In Binary

Lockdown Fun: Your Age In Binary

Reactions 69 Comments 7
1 min read
When Lighthouse Itself Causes Issues

When Lighthouse Itself Causes Issues

Reactions 2 Comments 1
1 min read
Responsive images: How they work – and how to use them with “Art Direction” and “Dark Mode”

Responsive images: How they work – and how to use them with “Art Direction” and “Dark Mode”

Reactions 32 Comments
9 min read
Colors are Math: How they match — and how to build a Color Picker

Colors are Math: How they match — and how to build a Color Picker

Reactions 195 Comments 16
5 min read
Sharing with the Navigator Share API

Sharing with the Navigator Share API

Reactions 11 Comments
3 min read
Flashlight Website

Flashlight Website

Reactions 7 Comments 4
1 min read
Accessible Modal With Or Without JavaScript

Accessible Modal With Or Without JavaScript

Reactions 12 Comments 5
3 min read
Table Designer

Table Designer

Reactions 24 Comments 4
2 min read
Web Typography Checklist

Web Typography Checklist

Reactions 9 Comments 2
7 min read
Making Sustainable Websites

Making Sustainable Websites

Reactions 54 Comments 9
6 min read
Lockdown Fun: Pascal's Triangle

Lockdown Fun: Pascal's Triangle

Reactions 28 Comments
1 min read
Accessible, Resizable Table-Columns

Accessible, Resizable Table-Columns

Reactions 37 Comments 19
2 min read
Frontend Security: Security Headers

Frontend Security: Security Headers

Reactions 223 Comments 8
3 min read
Frontend Security: Content Security Policy

Frontend Security: Content Security Policy

Reactions 98 Comments 9
3 min read
Accessible Image Compare — One Line of JavaScript

Accessible Image Compare — One Line of JavaScript

Reactions 38 Comments 3
1 min read
Staying Alive: The Screen Wake Lock API

Staying Alive: The Screen Wake Lock API

Reactions 24 Comments 1
2 min read
Frontend Security: npm-audit and Script integrity

Frontend Security: npm-audit and Script integrity

Reactions 92 Comments 1
2 min read
Polygon to clip-path & SVG

Polygon to clip-path & SVG

Reactions 11 Comments
1 min read
How Google tracks with the ping-attribute

How Google tracks with the ping-attribute

Reactions 9 Comments 5
3 min read
275 bytes BMI Calculator

275 bytes BMI Calculator

Reactions 24 Comments 4
2 min read
Accessible Circular Sliders

Accessible Circular Sliders

Reactions 66 Comments 2
2 min read
Is The Latest Always The Greatest?

Is The Latest Always The Greatest?

Reactions 1 Comments
4 min read
Fetch-22

Fetch-22

Reactions 12 Comments 6
2 min read
Creating A Button Library

Creating A Button Library

Reactions 12 Comments
2 min read
Full Circle

Full Circle

Reactions 7 Comments 1
2 min read
Into The Halftone-Verse

Into The Halftone-Verse

Reactions 8 Comments
2 min read
Implementing Icons

Implementing Icons

Reactions 7 Comments
14 min read
Accessible Color Pickers

Accessible Color Pickers

Reactions 20 Comments 3
2 min read
An insignificant browser-bug?

An insignificant browser-bug?

Reactions 4 Comments
1 min read
Populate a drop-down with function-names from external module

Populate a drop-down with function-names from external module

Reactions 1 Comments
1 min read
loading...