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

Co-Founder at Perfection.DEV

Small Tips for Styling Card Components

Small Tips for Styling Card Components

10
Comments 2
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.

Already have an account? Sign in
Fetch with AbortController

Fetch with AbortController

5
Comments
1 min read
Camping with HTML and CSS

Camping with HTML and CSS

5
Comments 2
2 min read
Liquorice Allsorts

Liquorice Allsorts

21
Comments 4
2 min read
Styling Checkboxes and Switches

Styling Checkboxes and Switches

118
Comments 8
5 min read
A First Look at Apples New Switch Control

A First Look at Apples New Switch Control

7
Comments
2 min read
A Guide to Styling Tables

A Guide to Styling Tables

181
Comments 29
7 min read
What is Perfection.dev?

What is Perfection.dev?

3
Comments
5 min read
Creating a Bento-Layout with Perfection.dev

Creating a Bento-Layout with Perfection.dev

Comments 3
3 min read
Clocks & Countdowns: Timing in CSS and JavaScript

Clocks & Countdowns: Timing in CSS and JavaScript

124
Comments 35
4 min read
Syntax-Highlight CSS with Semantic HTML — and get Dark Mode for free

Syntax-Highlight CSS with Semantic HTML — and get Dark Mode for free

12
Comments 2
4 min read
Circle-Packing with Javascript and SVG — the Kusama Way

Circle-Packing with Javascript and SVG — the Kusama Way

15
Comments 4
2 min read
The Moon in 10241 Dots — Re-creating a 1969 Masterpiece

The Moon in 10241 Dots — Re-creating a 1969 Masterpiece

35
Comments 7
4 min read
In the Footsteps of Poul Gernes — Making an Interactive Art Poster

In the Footsteps of Poul Gernes — Making an Interactive Art Poster

14
Comments 10
3 min read
Re-creating a Japanese Fireworks Catalog from 1883 in CSS

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

160
Comments 26
2 min read
Color Compare Range Slider

Color Compare Range Slider

9
Comments
2 min read
Using a Single Input for one-time-code

Using a Single Input for one-time-code

151
Comments 25
3 min read
Tetris Testimonial Quotes

Tetris Testimonial Quotes

30
Comments 4
1 min read
Configurable CSS Components

Configurable CSS Components

10
Comments 2
4 min read
Extending Emmet and VS Code — and discovering 415 CSS properties

Extending Emmet and VS Code — and discovering 415 CSS properties

10
Comments
9 min read
Recreating Apple's Color Picker Icon

Recreating Apple's Color Picker Icon

25
Comments 5
2 min read
Build a CSS Transition Tool for your editors

Build a CSS Transition Tool for your editors

12
Comments
3 min read
SVG, Geometry — and a dash of JavaScript

SVG, Geometry — and a dash of JavaScript

72
Comments 8
3 min read
Build a Multi-Language Countdown Component

Build a Multi-Language Countdown Component

12
Comments 2
4 min read
Creating a Word Wheel in CSS

Creating a Word Wheel in CSS

32
Comments 9
2 min read
Masking and coloring product images using CSS and SVG

Masking and coloring product images using CSS and SVG

47
Comments 6
3 min read
Creating SVG Icons from JSON

Creating SVG Icons from JSON

37
Comments
3 min read
Creating a Grid Visualizer

Creating a Grid Visualizer

11
Comments
3 min read
How to embed YouTube and Vimeo the light way

How to embed YouTube and Vimeo the light way

30
Comments 6
3 min read
Re-creating Apple’s Dark Mode Icon

Re-creating Apple’s Dark Mode Icon

20
Comments 6
2 min read
Showing "time ago" in a Social Feed using Intl.RelativeTimeFormat

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

30
Comments 3
2 min read
Play Blur onblur

Play Blur onblur

9
Comments
2 min read
Learning from the Masters of Design

Learning from the Masters of Design

26
Comments 6
3 min read
Creating Global Components: A Checklist With Examples

Creating Global Components: A Checklist With Examples

60
Comments
7 min read
Introducing the EyeDropper API

Introducing the EyeDropper API

7
Comments
2 min read
Validating Markup: Write Your Own Snippet

Validating Markup: Write Your Own Snippet

44
Comments 4
2 min read
Build a CSS Ruler

Build a CSS Ruler

75
Comments 3
3 min read
Layered Gradient Playground

Layered Gradient Playground

32
Comments
1 min read
KAOSS! Fun with Web Audio

KAOSS! Fun with Web Audio

180
Comments 20
1 min read
Nested border-radius Playground

Nested border-radius Playground

32
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()

26
Comments
3 min read
The Frontend Agency

The Frontend Agency

152
Comments 18
3 min read
Building A Minimal AutoSuggest

Building A Minimal AutoSuggest

242
Comments 7
8 min read
Building a Reaction Component

Building a Reaction Component

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

Comics, Graphic Design — and the Power of JavaScript

33
Comments 3
4 min read
Mood Selector Component

Mood Selector Component

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

Star-Rating Using A Single Input

165
Comments 41
3 min read
A Quick Guide To CSS Logical Properties

A Quick Guide To CSS Logical Properties

26
Comments 4
5 min read
Container Queries: Another Polyfill

Container Queries: Another Polyfill

27
Comments 4
5 min read
Deconstructing Art: Learning From Constraints

Deconstructing Art: Learning From Constraints

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

Random Art Generator: Dots & Rings

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

How To Fill Out A Form With Your Voice

23
Comments 2
2 min read
Color Stripes

Color Stripes

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

How to Build a Color Wheel with Tints & Shades

49
Comments 11
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

181
Comments 41
2 min read
SVG Circle Pattern Generator

SVG Circle Pattern Generator

9
Comments
2 min read
data-attributes vs. BEM

data-attributes vs. BEM

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

Lockdown Fun: Your Age In Binary

69
Comments 7
1 min read
When Lighthouse Itself Causes Issues

When Lighthouse Itself Causes Issues

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”

35
Comments
9 min read
loading...