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

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

406

6 min read

Mads Stoumann

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

788

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

Nov 3

Designing Better Tables: Using Popovers for Extra Data

#javascript #css #webdev #tutorial

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.

Create Account

Already have an account? Sign in

Mads Stoumann

Sep 25

The Golden Ratio in CSS

#showdev #css #webdev #tutorial

237

3 min read

Mads Stoumann

Sep 13

CMYK, RGB, and Building a Color Visualizer

#css #javascript #webdev #tutorial

4 min read

Mads Stoumann

Sep 12

Alien Signals — 2-in-1 Challenge

#devchallenge #frontendchallenge #css #javascript

2 min read

Mads Stoumann

Sep 8

The Periodic Table in CSS

#showdev #css #webdev #tutorial

119

4 min read

Mads Stoumann

Sep 1

And the Oscar Goes to … Coding a Chronology Component

#showdev #css #webdev #tutorial

3 min read

Mads Stoumann

Aug 25

The Solar System in CSS

#showdev #css #webdev #tutorial

252

3 min read

Mads Stoumann

Aug 19

Line Numbers for <textarea> using SVG

#showdev #javascript #webdev #css

4 min read

Mads Stoumann

Jun 22

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

#showdev #css #html #webdev

2 min read

Mads Stoumann

Jun 2

Sunday Fun: Re-creating a Radiohead cover

#showdev #css #javascript #webdev

2 min read

Mads Stoumann

May 30

A Trip To The Beach

#devchallenge #frontendchallenge #css #javascript

2 min read

Mads Stoumann

May 29

La Luzerne

#frontendchallenge #devchallenge #css

2 min read

Mads Stoumann

May 24

Getting Creative with CSS Grid

#showdev #css #webdev #tutorial

3 min read

Mads Stoumann

May 23

Wheel of Fortune with CSS

#css #webdev #tutorial #javascript

131

4 min read

Mads Stoumann

May 12

Unleashing the Hidden Power of HTML Forms

#html #javascript #webdev #tutorial

3 min read

Mads Stoumann

May 8

Eurovision Gradients

#showdev #css #webdev #tutorial

2 min read

Mads Stoumann

May 3

Animating Numbers

#css #javascript #webdev #tutorial

4 min read

Mads Stoumann

Apr 9

Small Tips for Styling Card Components

#css #html #webdev #tutorial

3 min read

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

127

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

189

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

130

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

161

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

195

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

185

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