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.
Great use case for anchor-positioning indeed 👌
Web-based editors + CSS Anchor position = <3
Here's how easy it is to position a CreateLink prompt (without any of the crazy positioning math) using Svedit 0.6.0:
Here's how easy it is to position a CreateLink prompt (without any of the crazy positioning math) using Svedit 0.6.0:
November 28, 2025 at 1:40 PM
Great use case for anchor-positioning indeed 👌
Introduce yourself with 5 concerts you've been
Laurent Garnier
Jon Hopkins
Max Cooper
Nils Frahm
Leafar Legov
Laurent Garnier
Jon Hopkins
Max Cooper
Nils Frahm
Leafar Legov
Introduce yourself with 5 concerts you’ve seen
Deftones
Smashing Pumpkins
Fleetwood Mac
Pearl Jam
Beyoncé
Deftones
Smashing Pumpkins
Fleetwood Mac
Pearl Jam
Beyoncé
Introduce yourself with 5 concerts you’ve seen
Pink Floyd
Underworld
Debbie Harry
INXS
Status Quo
Pink Floyd
Underworld
Debbie Harry
INXS
Status Quo
November 28, 2025 at 7:38 AM
Introduce yourself with 5 concerts you've been
Laurent Garnier
Jon Hopkins
Max Cooper
Nils Frahm
Leafar Legov
Laurent Garnier
Jon Hopkins
Max Cooper
Nils Frahm
Leafar Legov
TIL
I've worked on a dark/light themed site and went all-in using `light-dark()`. So far, I've thought that I can use it as a `prefers-color-scheme` replacement...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
November 27, 2025 at 10:45 AM
TIL
Yeehaw! I was just thinking today I was missing the DX I used to have with the great pretty-ts-errors VS Code ext: github.com/yoavbls/pret...
The timing of this update is perfect 🔥
The timing of this update is perfect 🔥
November 26, 2025 at 5:58 PM
Yeehaw! I was just thinking today I was missing the DX I used to have with the great pretty-ts-errors VS Code ext: github.com/yoavbls/pret...
The timing of this update is perfect 🔥
The timing of this update is perfect 🔥
Reposted by Louis Chenais
Ever wondered how you might use an LLM to document your design decisions? 🤖 I recorded my workflow using Claude Desktop and the template I shared yesterday to create the Architecture Decision Record example featured in the article.
Watch the YouTube video ▶️ youtu.be/vyKG6nNixeU...
Watch the YouTube video ▶️ youtu.be/vyKG6nNixeU...
Documenting Design Systems - Architecture Decisions Record with Claude Desktop
Ever stared at your own design system wondering "why did I do this?" 😅 Design tokens tell you WHAT the decision is, but not WHY. Architecture Decision Recor...
www.youtube.com
November 26, 2025 at 2:43 PM
Ever wondered how you might use an LLM to document your design decisions? 🤖 I recorded my workflow using Claude Desktop and the template I shared yesterday to create the Architecture Decision Record example featured in the article.
Watch the YouTube video ▶️ youtu.be/vyKG6nNixeU...
Watch the YouTube video ▶️ youtu.be/vyKG6nNixeU...
👀
AI slop is filling the internet. I want more humans writing on their own websites.
So I made Astro Editor — a free macOS app for writing markdown & MDX in Astro content collections.
Basically iA Writer for @astro.build 🎉
astroeditor.danny.is
#BuiltWithAstro #astrojs
So I made Astro Editor — a free macOS app for writing markdown & MDX in Astro content collections.
Basically iA Writer for @astro.build 🎉
astroeditor.danny.is
#BuiltWithAstro #astrojs
Astro Editor — Schema-Aware Markdown Editor for Astro Content Collections
Transform your Astro content workflow with schema-aware frontmatter forms. Reads your Zod schemas and creates intelligent editing interfaces for distraction-free writing.
astroeditor.danny.is
November 26, 2025 at 12:00 PM
👀
Reposted by Louis Chenais
I just wrapped up the latest episode of Wireframe with our first guest Arko Sen! We spoke about how he's implemented Mise en Mode and reduced his tokens down to 20!
Check out the episode: www.youtube.com/watch?v=fjIw...
I'll have another guest live on the show tomorrow at 5pm ET. Don't miss it!
Check out the episode: www.youtube.com/watch?v=fjIw...
I'll have another guest live on the show tomorrow at 5pm ET. Don't miss it!
Wireframe Live: Modes in Real Life w/ Arko Sen
YouTube video by Design Systems House
www.youtube.com
November 25, 2025 at 11:07 PM
I just wrapped up the latest episode of Wireframe with our first guest Arko Sen! We spoke about how he's implemented Mise en Mode and reduced his tokens down to 20!
Check out the episode: www.youtube.com/watch?v=fjIw...
I'll have another guest live on the show tomorrow at 5pm ET. Don't miss it!
Check out the episode: www.youtube.com/watch?v=fjIw...
I'll have another guest live on the show tomorrow at 5pm ET. Don't miss it!
Reposted by Louis Chenais
when you call console.log() this is what happens
November 24, 2025 at 11:19 PM
when you call console.log() this is what happens
Reposted by Louis Chenais
Token aliasing is essential to build 3-tier design tokens system. My app now supports token aliasing too.
November 21, 2025 at 9:33 PM
Token aliasing is essential to build 3-tier design tokens system. My app now supports token aliasing too.
Reposted by Louis Chenais
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
#tinyCSStip
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
November 22, 2025 at 3:24 PM
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
Reposted by Louis Chenais
Just saw an extended version
November 20, 2025 at 11:26 PM
Just saw an extended version
We can now automatically optimize SVG files with SVGO 🤌
November 20, 2025 at 10:01 PM
We can now automatically optimize SVG files with SVGO 🤌
👀
The #DesignToken Interfaces talk I gave at last week's #DesignSystems London meet-up is now online. Enjoy!
(and be sure to also check out the other 2 talks from that night as they were excellent!)
youtu.be/lcjc0oQZBIk?...
(and be sure to also check out the other 2 talks from that night as they were excellent!)
youtu.be/lcjc0oQZBIk?...
Design token interfaces by James Nash
YouTube video by Design Systems London
youtu.be
November 19, 2025 at 2:53 PM
👀
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