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

Owner at The Frontend Agency

Pinned

Mads Stoumann

Jun 19 '21

Updating A 25-Year-Old Website

#html #css #javascript #webdev

782 86

4 min read

Mads Stoumann

Mar 13 '21

Creating a fun, fast, secure and sustainable website

#html #css #javascript #security

273 10

5 min read

Mads Stoumann

Jan 18

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

#showdev #javascript #webdev #tutorial

26 3

2 min read

100 underline/overlay animations | The ultimate CSS collection 🥇

Cool, didn’t know that syntax!

May 12

100 underline/overlay animations | The ultimate CSS collection 🥇

Amazing collection! I used the "Basic 3" on a recent project,...

May 12

So I got a job 🎉...and I am as shocked as you are! 🤯

Congratulations! I wish I had more time to write, so I envy y...

Mar 4

Border with gradient and radius

This is SO much cleaner than all the "gradient border"-articl...

Mar 2

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

Thanks! Yes, it's been a while - hope you're doing fine, and ...

Jan 19

Container Queries: Another Polyfill

Good question, but no, not with this polyfill! More here: git...

Jan 2

Learning from the Masters of Design

Thank you!

Dec 9 '21

1000 days to £1million - this should be fun!

Wow, that’s very ambitious! Good luck, and great if you finis...

Dec 8 '21

View all 232 comments

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

26 6

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

44 4

2 min read

Mads Stoumann

Sep 27 '21

Build a CSS Ruler

#css #html #javascript #webdev

72 1

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 20

1 min read

Mads Stoumann

Aug 27 '21

Nested border-radius Playground

#showdev #css #webdev #discuss

32 4

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 18

3 min read

Mads Stoumann

Aug 7 '21

Building A Minimal AutoSuggest

#html #css #javascript #webdev

242 5

8 min read

Mads Stoumann

Jul 17 '21

Building a Reaction Component

#html #css #javascript #webdev

137 31

3 min read

Mads Stoumann

Jul 9 '21

Comics, Graphic Design — and the Power of JavaScript

#javascript #design #comics #scripting

32 3

4 min read

Mads Stoumann

Jul 7 '21

Mood Selector Component

#showdev #html #css #webdev

27 10

1 min read

Mads Stoumann

Jul 3 '21

Star-Rating Using A Single Input

#html #css #javascript #webdev

401 26

3 min read

Mads Stoumann

Jun 16 '21

A Quick Guide To CSS Logical Properties

#html #css #webdev

26 4

5 min read

Mads Stoumann

May 26 '21

Container Queries: Another Polyfill

#showdev #javascript #css #webdev

27 4

5 min read

Mads Stoumann

May 24 '21

Deconstructing Art: Learning From Constraints

#showdev #javascript #design #webdev

22 6

3 min read

Mads Stoumann

May 18 '21

Random Art Generator: Dots & Rings

#showdev #codepen #javascript #webdev

34 2

1 min read

Mads Stoumann

May 16 '21

How To Fill Out A Form With Your Voice

#showdev #codepen #javascript #webdev

23 2

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

49 10

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 41

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

10 2

2 min read

Mads Stoumann

Apr 2 '21

Lockdown Fun: Your Age In Binary

#html #css #javascript #webdev

69 7

1 min read

Mads Stoumann

Mar 28 '21

When Lighthouse Itself Causes Issues

#discuss #lighthouse #security

2 1

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

198 16

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

7 4

1 min read

Mads Stoumann

Mar 1 '21

Accessible Modal With Or Without JavaScript

#html #css #javascript #a11y

14 5

3 min read

Mads Stoumann

Feb 22 '21

Table Designer

#html #css #javascript #codepen

24 4

2 min read

Mads Stoumann

Feb 17 '21

Web Typography Checklist

#html #css #typography #design

9 2

7 min read

Mads Stoumann

Feb 10 '21

Making Sustainable Websites

#discuss #css #javascript #sustainability

55 9

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

37 19

2 min read

Mads Stoumann

Jan 27 '21

Frontend Security: Security Headers

#html #javascript #security

224 8

3 min read

Mads Stoumann

Jan 25 '21

Frontend Security: Content Security Policy

#html #javascript #security

99 9

3 min read

Mads Stoumann

Jan 19 '21

Accessible Image Compare — One Line of JavaScript

#html #css #javascript #codepen

38 3

1 min read

Mads Stoumann

Jan 17 '21

Staying Alive: The Screen Wake Lock API

#html #javascript #css #api

24 1

2 min read

Mads Stoumann

Jan 14 '21

Frontend Security: npm-audit and Script integrity

#html #javascript #security

93 1

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

11 5

3 min read

Mads Stoumann

Jan 4 '21

275 bytes BMI Calculator

#html #javascript #css #codepen

24 4

2 min read

Mads Stoumann

Jan 2 '21

Accessible Circular Sliders

#css #javascript #a11y #codepen

64 2

2 min read

Mads Stoumann

Dec 31 '20

Is The Latest Always The Greatest?

#discuss #html #css #javascript

4 min read

Mads Stoumann

Dec 29 '20

Fetch-22

#javascript #html #codepen

12 6

2 min read

Mads Stoumann

Dec 23 '20

Creating A Button Library

#css #html #codepen

2 min read

Mads Stoumann

Dec 22 '20

Full Circle

#html #css #javascript #performance

7 1

2 min read

Mads Stoumann

Dec 19 '20

Into The Halftone-Verse

#css #codepen #comics #cmyk

2 min read

Mads Stoumann

Dec 18 '20

Implementing Icons

#fundamentals #css #svg #codepen

14 min read

Mads Stoumann

Dec 16 '20

Accessible Color Pickers

#css #a11y #javascript #codepen

20 3

2 min read

Mads Stoumann

Nov 17 '20

An insignificant browser-bug?

#css #chrome #bug #typography

1 min read

Mads Stoumann

Nov 16 '20

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

#javascript #html #module

1 min read

DEV Community is a community of 847,300 amazing developers

Recent comments

100 underline/overlay animations | The ultimate CSS collection 🥇

100 underline/overlay animations | The ultimate CSS collection 🥇

So I got a job 🎉...and I am as shocked as you are! 🤯

Border with gradient and radius

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

Container Queries: Another Polyfill

Learning from the Masters of Design

1000 days to £1million - this should be fun!