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.

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

Work

Co-Founder at Perfection.DEV

Perfection.DEV

91 posts published

364 comments written

10 tags followed

Pinned

Mads Stoumann

May 13 '23

Mobile-to-Desktop Menu in 2 Lines of CSS

#webdev #css #tutorial #javascript

5 min read

Mads Stoumann

Apr 29 '23

Dark Mode in 3 Lines of CSS and Other Adventures

#css #webdev #tutorial #javascript

285

6 min read

Mads Stoumann

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

786

4 min read

Mads Stoumann

Mar 13 '21

Creating a fun, fast, secure and sustainable website

#html #css #javascript #security

282

5 min read

Mads Stoumann

Apr 9

Small Tips for Styling Card Components

#css #html #webdev #tutorial

3 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

Mar 22

Fetch with AbortController

#frontendchallenge #devchallenge #javascript #webdev

1 min read

Mads Stoumann

Mar 22

Camping with HTML and CSS

#frontendchallenge #devchallenge #css #javascript

2 min read

Mads Stoumann

Mar 21

Liquorice Allsorts

#frontendchallenge #devchallenge #css

2 min read

Mads Stoumann

Mar 2

Styling Checkboxes and Switches

#showdev #css #tutorial #webdev

118

5 min read

Mads Stoumann

Jan 28

A First Look at Apples New Switch Control

#showdev #css #webdev #tutorial

2 min read

Mads Stoumann

Jan 28

A Guide to Styling Tables

#showdev #css #webdev #tutorial

181

7 min read

Mads Stoumann for Perfection.DEV

Nov 18 '23

What is Perfection.dev?

#webdev #headless

5 min read

Mads Stoumann for Perfection.DEV

Nov 14 '23

Creating a Bento-Layout with Perfection.dev

#webdev #css #tutorial

3 min read

Mads Stoumann

Sep 1 '23

Clocks & Countdowns: Timing in CSS and JavaScript

#showdev #javascript #css #webdev

124

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

160

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

151

3 min read

Mads Stoumann

May 23 '23

Tetris Testimonial Quotes

#showdev #codepen #css

1 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

Mads Stoumann

Jan 18 '22

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

#showdev #javascript #webdev #tutorial

2 min read

Mads Stoumann

Dec 18 '21

Play Blur onblur

#showdev #html #javascript #webdev

2 min read

Mads Stoumann

Dec 4 '21

Learning from the Masters of Design

#html #css #design #webdev

3 min read

Mads Stoumann

Nov 11 '21

Creating Global Components: A Checklist With Examples

#html #css #javascript #webdev

7 min read

Mads Stoumann

Oct 28 '21

Introducing the EyeDropper API

#codepen #css #javascript #webdev

2 min read

Mads Stoumann

Oct 10 '21

Validating Markup: Write Your Own Snippet

#html #webdev #codequality #javascript

2 min read

Mads Stoumann

Sep 27 '21

Build a CSS Ruler

#css #html #javascript #webdev

3 min read

Mads Stoumann

Sep 17 '21

Layered Gradient Playground

#showdev #css #codepen #webdev

1 min read

Mads Stoumann

Sep 2 '21

KAOSS! Fun with Web Audio

#javascript #css #webdev #html

180

1 min read

Mads Stoumann

Aug 27 '21

Nested border-radius Playground

#showdev #css #webdev #discuss

1 min read

Mads Stoumann

Aug 23 '21

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

#css #html #codepen #webdev

3 min read

Mads Stoumann

Aug 9 '21

The Frontend Agency

#showdev #webdev #javascript #css

152

3 min read

Mads Stoumann

Aug 7 '21

Building A Minimal AutoSuggest

#html #css #javascript #webdev

242

8 min read

Mads Stoumann

Jul 17 '21

Building a Reaction Component

#html #css #javascript #webdev

137

3 min read

Mads Stoumann

Jul 9 '21

Comics, Graphic Design — and the Power of JavaScript

#javascript #design #comics #scripting

4 min read

Mads Stoumann

Jul 7 '21

Mood Selector Component

#showdev #html #css #webdev

1 min read

Mads Stoumann

Jul 3 '21

Star-Rating Using A Single Input

#html #css #javascript #webdev

165

3 min read

Mads Stoumann

Jun 16 '21

A Quick Guide To CSS Logical Properties

#html #css #webdev

5 min read

Mads Stoumann

May 26 '21

Container Queries: Another Polyfill

#showdev #javascript #css #webdev

5 min read

Mads Stoumann

May 24 '21

Deconstructing Art: Learning From Constraints

#showdev #javascript #design #webdev

3 min read

Mads Stoumann

May 18 '21

Random Art Generator: Dots & Rings

#showdev #codepen #javascript #webdev

1 min read

Mads Stoumann

May 16 '21

How To Fill Out A Form With Your Voice

#showdev #codepen #javascript #webdev

2 min read

Mads Stoumann

Apr 27 '21

Color Stripes

#showdev #css #codepen

1 min read

Mads Stoumann

Apr 23 '21

How to Build a Color Wheel with Tints & Shades

#html #css #javascript #webdev

2 min read

Mads Stoumann

Apr 19 '21

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

#html #javascript #webdev #performance

181

2 min read

Mads Stoumann

Apr 16 '21

SVG Circle Pattern Generator

#svg #design #javascript #webdev

2 min read

Mads Stoumann

Apr 11 '21

data-attributes vs. BEM

#discuss #css #html #codepen

2 min read

Mads Stoumann

Apr 2 '21

Lockdown Fun: Your Age In Binary

#html #css #javascript #webdev

1 min read

Mads Stoumann

Mar 28 '21

When Lighthouse Itself Causes Issues

#discuss #lighthouse #security

1 min read

Mads Stoumann

Mar 27 '21

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

#html #css #webdev #codepen

9 min read

Perfection.DEV

Frontend Challenge Completion Badge

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

16 Week Writing Streak

Beloved Comment

8 Week Writing Streak

Top 7

4 Week Writing Streak

Want to connect with Mads Stoumann?