Max Duval
@mxdvl.com
Digital Toolmaker — I love me an SVG.
Web Tech Lead & Data Viz @ Hometrack
he/him il/lui
(parfois j’écris en Français…)
Web Tech Lead & Data Viz @ Hometrack
he/him il/lui
(parfois j’écris en Français…)
Inspired by @gearsco.de’s talk at #ffconf I finally took @gleam.run for a proper spin and… I love it!
November 17, 2025 at 7:18 PM
Inspired by @gearsco.de’s talk at #ffconf I finally took @gleam.run for a proper spin and… I love it!
An absolute beauty of an API — so chuffed to see it land in Firefox!
Happy "View Transitions Level 1 support in all major browsers" Day! 🎉
With Firefox 144 now stable, everyone gets beautiful transitions with Astro ClientRouter
Learn how: docs.astro.build/en/guides/vi...
With Firefox 144 now stable, everyone gets beautiful transitions with Astro ClientRouter
Learn how: docs.astro.build/en/guides/vi...
October 14, 2025 at 6:20 PM
An absolute beauty of an API — so chuffed to see it land in Firefox!
Reposted by Max Duval
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Saturday Parkrun iOS tip: you can create a shortcut to display a QR code for your athlete’s number, then add it to your lock or home screen.
Here’s mine, for example – in French:
Here’s mine, for example – in French:
June 14, 2025 at 11:56 AM
Saturday Parkrun iOS tip: you can create a shortcut to display a QR code for your athlete’s number, then add it to your lock or home screen.
Here’s mine, for example – in French:
Here’s mine, for example – in French:
This is especially sad when I strongly believe plain HTML & CSS to be the most portable, robust and powerful way to author documents in 2025
Links get an <a>, but links that have a background colour on them are instead <div>s with a role... They have an href, which I guess they're using JS to, well, make it work like a link?🤦
And if you're going to use JS for that, you might as well offload hover/focus states there too 😭
And if you're going to use JS for that, you might as well offload hover/focus states there too 😭
May 8, 2025 at 8:25 PM
This is especially sad when I strongly believe plain HTML & CSS to be the most portable, robust and powerful way to author documents in 2025
Proud of two widely unrelated things I did yesterday: run quite a long while in the beautiful gardens of Kew and made a significant step in turning my .pages documents to .html
March 31, 2025 at 6:29 AM
Proud of two widely unrelated things I did yesterday: run quite a long while in the beautiful gardens of Kew and made a significant step in turning my .pages documents to .html
Reposted by Max Duval
short little thoughtpiece on why frontend engineering is really hard macwright.com/2025/02/06/t...
The web is already multiplayer
macwright.com
February 6, 2025 at 6:27 PM
short little thoughtpiece on why frontend engineering is really hard macwright.com/2025/02/06/t...
It’s a relief that in fact the @toiletmap.bsky.social isn’t such a secret: secretldn.com/public-toile...
Happy to have contributed to a more readable base layer — further contributions welcome!
Happy to have contributed to a more readable base layer — further contributions welcome!
Here’s Every Open Toilet In London On One Map
You know how the saying goes, when you gotta go, you gotta go. These are all the open toilets
secretldn.com
January 7, 2025 at 8:16 AM
It’s a relief that in fact the @toiletmap.bsky.social isn’t such a secret: secretldn.com/public-toile...
Happy to have contributed to a more readable base layer — further contributions welcome!
Happy to have contributed to a more readable base layer — further contributions welcome!
Reposted by Max Duval
last week to fill out the state of JS survey, if you're so inclined stateofjs.com/en-US
State of JavaScript
stateofjs.com
December 2, 2024 at 5:06 PM
last week to fill out the state of JS survey, if you're so inclined stateofjs.com/en-US
If you wondered whether there was more than one way to draw a rectangle with three rounded corners in SVG, wonder no more as I’ve found six already: codepen.io/mxdvl/pen/XW...
Six ways to round a corner
...
codepen.io
November 21, 2024 at 10:10 AM
If you wondered whether there was more than one way to draw a rectangle with three rounded corners in SVG, wonder no more as I’ve found six already: codepen.io/mxdvl/pen/XW...
Some thoughts on the benefits of standardisation in programming: www.theguardian.com/info/2023/oc...
Standardisation: the merit of consistent patterns
Coming back from a long holiday? Recently joined the department? Collaborating on a complex, cross-team problem that spans different tech stacks and programming languages? At one point, we’re all go...
www.theguardian.com
October 24, 2023 at 5:08 PM
Some thoughts on the benefits of standardisation in programming: www.theguardian.com/info/2023/oc...
The Webpack website is really trying to FOUC with us…
August 16, 2023 at 7:44 AM
The Webpack website is really trying to FOUC with us…
Making a CSS only slideshow has a lot of moving parts — it helps to visualise layers: https://svelte.dev/repl/20177b676e9d4f3893b85ce0608b8d16?version=4.2.0
August 12, 2023 at 2:11 PM
Making a CSS only slideshow has a lot of moving parts — it helps to visualise layers: https://svelte.dev/repl/20177b676e9d4f3893b85ce0608b8d16?version=4.2.0