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

74 posts published

275 comments written

10 tags followed

Pinned

Mads Stoumann

May 13

Mobile-to-Desktop Menu in 2 Lines of CSS

#webdev #css #tutorial #javascript

5 min read

Mads Stoumann

Apr 29

Dark Mode in 3 Lines of CSS and Other Adventures

#css #webdev #tutorial #javascript

273

6 min read

Mads Stoumann

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

783

4 min read

Mads Stoumann

Mar 13 '21

Creating a fun, fast, secure and sustainable website

#html #css #javascript #security

279

5 min read

Mads Stoumann

May 23

Tetris Testimonial Quotes

#showdev #codepen #css

1 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

May 7

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

404

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

Mads Stoumann

Mar 20 '21

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

#css #javascript #design #webdev

199

5 min read

Mads Stoumann

Mar 10 '21

Sharing with the Navigator Share API

#html #javascript #css #codepen

3 min read

Mads Stoumann

Mar 3 '21

Flashlight Website

#html #css #javascript #codepen

1 min read

Mads Stoumann

Mar 1 '21

Accessible Modal With Or Without JavaScript

#html #css #javascript #a11y

3 min read

Mads Stoumann

Feb 22 '21

Table Designer

#html #css #javascript #codepen

2 min read

Mads Stoumann

Feb 17 '21

Web Typography Checklist

#html #css #typography #design

7 min read

Mads Stoumann

Feb 10 '21

Making Sustainable Websites

#discuss #css #javascript #sustainability

6 min read

Mads Stoumann

Feb 5 '21

Lockdown Fun: Pascal's Triangle

#html #css #javascript #codepen

1 min read

Mads Stoumann

Feb 4 '21

Accessible, Resizable Table-Columns

#html #css #javascript #a11y

2 min read

Mads Stoumann

Jan 27 '21

Frontend Security: Security Headers

#html #javascript #security

223

3 min read

Mads Stoumann

Jan 25 '21

Frontend Security: Content Security Policy

#html #javascript #security

3 min read

Mads Stoumann

Jan 19 '21

Accessible Image Compare — One Line of JavaScript

#html #css #javascript #codepen

1 min read

Mads Stoumann

Jan 17 '21

Staying Alive: The Screen Wake Lock API

#html #javascript #css #api

2 min read

Mads Stoumann

Jan 14 '21

Frontend Security: npm-audit and Script integrity

#html #javascript #security

2 min read

Mads Stoumann

Jan 9 '21

Polygon to clip-path & SVG

#css #design #codepen #javascript

1 min read

Mads Stoumann

Jan 7 '21

How Google tracks with the ping-attribute

#discuss #html #analytics

3 min read

Mads Stoumann

Jan 4 '21

275 bytes BMI Calculator

#html #javascript #css #codepen

2 min read

Perfection.DEV

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 Streak

Beloved Comment

8 Week Streak

Top 7

4 Week Streak

Want to connect with Mads Stoumann?