Article about "Piano Chords in CSS": dev.to/madsstoumann...

Piano Chords in CSS: codepen.io/stoumann/pen...

I wrote an article about how to create responsive, accessible charts in CSS — using typed `attr()` and more! dev.to/madsstoumann...

Charts in CSS, using typed attr() — article coming soon: codepen.io/stoumann/pen...

Guitar Chords in CSS codepen.io/stoumann/pen... via @CodePen

New article about attr() and more: dev.to/madsstoumann...

New article on CSS Gauges: dev.to/madsstoumann...

Had fun creating digital clocks in CSS — and wrote an article about it! For 12-hour systems I used `@counter-style` and modulo `mod()` in CSS for the first time. Examples include Japanese Hiragana and Arabic numerals. dev.to/madsstoumann...

I'm launching a bunch of SVG Art Generators — here's the first: Das ist Bauhaus codepen.io/stoumann/pen...

Made a web component to easily embed a list of dev.to articles — or a specific article: dev.to/madsstoumann...

Clocks! codepen.io/stoumann/pen...

Portal codepen.io/stoumann/pen...

In Chrome 133, we finally get the attr()-update, making it super-easy to use attributes-as-types in CSS:

All work and no play ... Monday on a Thursday ... codepen.io/stoumann/pen...

Bing! You're Hypnotized — my entry for the spin'n'rotate challenge: codepen.io/stoumann/pen... via @CodePen

I'm working on an article about offset; anchor, distance, path, position and rotate. As an example, I chose to re-create a subway map. I wrote a script — but it didn't quite go according to plan 🤣 Now, I have this funky tool to create weird subway-maps: browser.style/art/subway-m...

Work-in-progress inspired by a post in a Math group on FB. Each tile has the same two arcs, but when you rotate the tiles 90, 180 and 270 degrees … browser.style/art/circle-g...

Wrote an article about a CSS Grid art-generator: dev.to/madsstoumann...

A bit of art with CSS Grid and SVG filters: codepen.io/stoumann/pen...

What Tailscale and MUBIs logos inspired me to do: dev.to/madsstoumann...

Had some fun creating The Ray last night — an optical illusion, where a single ray of color changes, depending on it’s surrounding colors (light and dark). Make your own here: browser.style/art/the-ray/

My art-generator of the week is a circle of circles: browser.style/art/circle-o...

Every time I open bsky, I’m back in 1985 — listening to A-ha, and the track “The Blue Sky” 😂

Made a new art generator, "Triangley", which is an homage to Bridget Riley's triangle art: browser.style/art/triangley/

Wrote an article about the alcohol tester: dev.to/madsstoumann...

Alcohol Tester. Did this for the local school, teaching kids about units of alcohol, driving etc. Surprised that the legal limit in the US is 4x that of Sweden 😳 codepen.io/stoumann/pen...

I love Bauhaus posters, so I made an art generator, Das ist Bauhaus: browser.style/art/bauhaus/

Wrote a new article: dev.to/madsstoumann...