Louis Chenais
@lucho.cool
Front-end developer | co-founded https://specifyapp.com | designtokens.org editor.
I also like ambient music and a nice côte de boeuf bien persillée.
I also like ambient music and a nice côte de boeuf bien persillée.
Reposted by Louis Chenais
🤩 There’s a very – VERY! – exciting animations/performance change available in Chrome Canary:
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
a close up of a person wearing sunglasses with the words `` wait , what ? ''
ALT: a close up of a person wearing sunglasses with the words `` wait , what ? ''
media.tenor.com
November 13, 2025 at 11:25 AM
🤩 There’s a very – VERY! – exciting animations/performance change available in Chrome Canary:
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
👀
Responsive typography is getting so much simpler. This already works in a couple browsers, and the fallback is minimal:
--progress: progress(100vi, 320px, 1200px);
font-size: calc-mix(var(--progress), 1rem, 1.25rem);
But that will get even better…
#CSS
codepen.io/editor/miria...
--progress: progress(100vi, 320px, 1200px);
font-size: calc-mix(var(--progress), 1rem, 1.25rem);
But that will get even better…
#CSS
codepen.io/editor/miria...
CodePen
codepen.io
November 6, 2025 at 11:07 PM
👀
Reposted by Louis Chenais
This is absolutely stunning and a great example of monochromatic design. The software itself is really interesting too.
automerge.org
automerge.org
Automerge
Automerge is a library for building collaborative, local-first applications.
automerge.org
November 3, 2025 at 2:04 PM
This is absolutely stunning and a great example of monochromatic design. The software itself is really interesting too.
automerge.org
automerge.org
Reposted by Louis Chenais
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
November 1, 2025 at 6:27 AM
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
Just started using Zed and noticed it misses this feature to easily convert colors in CSS I have in VS Code.
I couldn't find any extensions to do this.
Is this even possible?
I couldn't find any extensions to do this.
Is this even possible?
October 31, 2025 at 1:52 PM
Just started using Zed and noticed it misses this feature to easily convert colors in CSS I have in VS Code.
I couldn't find any extensions to do this.
Is this even possible?
I couldn't find any extensions to do this.
Is this even possible?
Reposted by Louis Chenais
ladies and gentlemen...we got him
October 30, 2025 at 7:10 PM
ladies and gentlemen...we got him
Reposted by Louis Chenais
Now that the @designtokens.org format specification has reached its first, *stable* version, I decided to have a look back at my own journey of getting involved in the DTCG and contributing to that spec...
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
My DTCG journey
A look back at how I got involved with the DTCG and played a small part shaping the format specification
cirrus.twiddles.com
October 31, 2025 at 11:09 AM
Now that the @designtokens.org format specification has reached its first, *stable* version, I decided to have a look back at my own journey of getting involved in the DTCG and contributing to that spec...
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
Reposted by Louis Chenais
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
Web components know about the user, device, variables, layout and more · October 30, 2025
As Miriam Suzanne says "components know stuff," but like, how much stuff?
nerdy.dev
October 31, 2025 at 4:24 AM
Reposted by Louis Chenais
We analyzed 300+ startups founded in 2024 and thousands of @github.com repositories to learn why @react.dev maintains dominance. Should your startup follow the crowd or go a different route?
evilmartians.com/chronicles/w...
evilmartians.com/chronicles/w...
Why startups choose React (and when you shouldn't)—Martian Chronicles, Evil Martians’ team blog
React dominates with 88.6% of startup funding, but 85% of these projects are dead. We analyze funding patterns, GitHub activity, and ecosystem health across React, Vue, Angular, and Svelte.
evilmartians.com
October 29, 2025 at 3:43 PM
We analyzed 300+ startups founded in 2024 and thousands of @github.com repositories to learn why @react.dev maintains dominance. Should your startup follow the crowd or go a different route?
evilmartians.com/chronicles/w...
evilmartians.com/chronicles/w...
That's it, that's the day.
After years of open collaboration, the Design Tokens Community Group delivers a production-ready, interoperable format for design systems. Goodbye disjointed workflows.
Hello open standards. → tr.designtokens.org/format
After years of open collaboration, the Design Tokens Community Group delivers a production-ready, interoperable format for design systems. Goodbye disjointed workflows.
Hello open standards. → tr.designtokens.org/format
Design Tokens Format Module 2025.10
This document describes the technical specification for a file format to
exchange design tokens between different tools.
tr.designtokens.org
October 28, 2025 at 7:38 PM
That's it, that's the day.
After years of open collaboration, the Design Tokens Community Group delivers a production-ready, interoperable format for design systems. Goodbye disjointed workflows.
Hello open standards. → tr.designtokens.org/format
After years of open collaboration, the Design Tokens Community Group delivers a production-ready, interoperable format for design systems. Goodbye disjointed workflows.
Hello open standards. → tr.designtokens.org/format
I saw The <kbd> el when inspecting @Astro Starlight searchbar yesterday and thought this was a custom element 😅
Today’s esoteric HTML element is
As in: please press ⌘ + R repeatedly when AWS causes your JavaScript to fail to load.
developer.mozilla.org/en-US/docs/W...
As in: please press ⌘ + R repeatedly when AWS causes your JavaScript to fail to load.
developer.mozilla.org/en-US/docs/W...
October 21, 2025 at 8:18 PM
I saw The <kbd> el when inspecting @Astro Starlight searchbar yesterday and thought this was a custom element 😅
Reposted by Louis Chenais
With a bit of delay because the internet was funny yesterday, this week's Web Weekly is just about to hit all the inboxes. 🎉
If you're into web dev news focused on fundamentals, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you're into web dev news focused on fundamentals, you should check it out!
www.stefanjudis.com/blog/web-wee...
October 21, 2025 at 3:41 AM
With a bit of delay because the internet was funny yesterday, this week's Web Weekly is just about to hit all the inboxes. 🎉
If you're into web dev news focused on fundamentals, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you're into web dev news focused on fundamentals, you should check it out!
www.stefanjudis.com/blog/web-wee...
Reposted by Louis Chenais
View transitions are in every browser now ✨
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
October 14, 2025 at 6:41 PM
View transitions are in every browser now ✨
Never really thought about it but chalk is here to stay because some concepts are better taught slowly (e.g., maths).
“if the speaker tried to use slides, people don’t retain as much because [the speaker] goes much faster. Whereas if you write on the chalk, you are forced to slow down.”
“if the speaker tried to use slides, people don’t retain as much because [the speaker] goes much faster. Whereas if you write on the chalk, you are forced to slow down.”
Why do Stanford math professors still use chalk?
As technology becomes more prevalent in learning settings, math instructors at Stanford speak about the benefits of using chalk in lectures.
stanforddaily.com
October 13, 2025 at 8:14 AM
Never really thought about it but chalk is here to stay because some concepts are better taught slowly (e.g., maths).
“if the speaker tried to use slides, people don’t retain as much because [the speaker] goes much faster. Whereas if you write on the chalk, you are forced to slow down.”
“if the speaker tried to use slides, people don’t retain as much because [the speaker] goes much faster. Whereas if you write on the chalk, you are forced to slow down.”
@chsmc.me
Hey 🖖 I was reading your article about Sail and stumbled on this "Sailpen" link shown below the component preview in your documentation.
Could you tell me more about it please? I'm curious about what it is and what you use it for.
Thanks in advance
Hey 🖖 I was reading your article about Sail and stumbled on this "Sailpen" link shown below the component preview in your documentation.
Could you tell me more about it please? I'm curious about what it is and what you use it for.
Thanks in advance
October 12, 2025 at 1:36 PM
@chsmc.me
Hey 🖖 I was reading your article about Sail and stumbled on this "Sailpen" link shown below the component preview in your documentation.
Could you tell me more about it please? I'm curious about what it is and what you use it for.
Thanks in advance
Hey 🖖 I was reading your article about Sail and stumbled on this "Sailpen" link shown below the component preview in your documentation.
Could you tell me more about it please? I'm curious about what it is and what you use it for.
Thanks in advance
Reposted by Louis Chenais
This year I started using a Mac mini as a private server for hosting my own software on the web. It's accessible anywhere in the world, but only to me. Here's how you can create your own cloud computer:
chsmc.org/2025/10/serv...
chsmc.org/2025/10/serv...
Building a private & personal cloud computer | Chase McCoy
Chase McCoy explores, builds, & writes about the web.
chsmc.org
October 7, 2025 at 5:59 PM
This year I started using a Mac mini as a private server for hosting my own software on the web. It's accessible anywhere in the world, but only to me. Here's how you can create your own cloud computer:
chsmc.org/2025/10/serv...
chsmc.org/2025/10/serv...
This kind of slide is the one that gives me FOMO
@strange.website absolutely smashing his talk at @webdevconf.com
hilarious, informational, and genuinely inspiring (no matter how it might seem from this slide)
hilarious, informational, and genuinely inspiring (no matter how it might seem from this slide)
October 10, 2025 at 8:56 PM
This kind of slide is the one that gives me FOMO
I must say this one from @w3cj.com resonates a lot.
AI Coding Sucks
YouTube video by Syntax
www.youtube.com
October 10, 2025 at 12:41 PM
I must say this one from @w3cj.com resonates a lot.
Reposted by Louis Chenais
This article contains what I'm re-learning working in a design system team (especially because of the a11y act), after a decade spent in web games and high interactive websites, then a decade on B2B complex apps ♥️
alfy.blog/2025/10/04/h...
alfy.blog/2025/10/04/h...
How Functional Programming Shaped (and Twisted) Frontend Development
alfy.blog
October 10, 2025 at 4:06 AM
This article contains what I'm re-learning working in a design system team (especially because of the a11y act), after a decade spent in web games and high interactive websites, then a decade on B2B complex apps ♥️
alfy.blog/2025/10/04/h...
alfy.blog/2025/10/04/h...
Reposted by Louis Chenais
“I feel like web developers are constantly being gaslit into thinking that complex over-engineered solutions are the only option. […] That’s not good for users, and I don’t think it’s good for us either.”
Mic drop by @adactio.com 👏
adactio.com/journal/22178
Mic drop by @adactio.com 👏
adactio.com/journal/22178
Simplify
Reminding myself just how much you can do with CSS these days.
adactio.com
October 9, 2025 at 2:32 PM
“I feel like web developers are constantly being gaslit into thinking that complex over-engineered solutions are the only option. […] That’s not good for users, and I don’t think it’s good for us either.”
Mic drop by @adactio.com 👏
adactio.com/journal/22178
Mic drop by @adactio.com 👏
adactio.com/journal/22178
Reposted by Louis Chenais
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