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.
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?
@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
I just stumbled upon the Primer (GitHub's design system) design tokens naming convention documentation. It's really thorough and contains lots of visuals: primer.style/product/prim...
Do you know other public design systems doing this?
Do you know other public design systems doing this?
April 9, 2025 at 9:19 AM
I just stumbled upon the Primer (GitHub's design system) design tokens naming convention documentation. It's really thorough and contains lots of visuals: primer.style/product/prim...
Do you know other public design systems doing this?
Do you know other public design systems doing this?
Apple, do you want to make my eyes bleed?!
March 14, 2025 at 12:55 PM
Apple, do you want to make my eyes bleed?!
While reading "Design That Scales" from Dan Mall today I stumbled upon this definition of DesignOps from @soysaucechin.bsky.social I like:
March 5, 2025 at 1:33 PM
While reading "Design That Scales" from Dan Mall today I stumbled upon this definition of DesignOps from @soysaucechin.bsky.social I like:
TIL: the correct HTML semantic structure to write a title, subtitle and tagline.
I used to use h1, h2 and h3 to do this but it would then expose an incorrect document structure in the accessibility tree.
Instead, wrap your title and its paragraphs within a .
👉 www.tpgi.com/subheadings-...
I used to use h1, h2 and h3 to do this but it would then expose an incorrect document structure in the accessibility tree.
Instead, wrap your title and its paragraphs within a .
👉 www.tpgi.com/subheadings-...
February 24, 2025 at 8:59 AM
TIL: the correct HTML semantic structure to write a title, subtitle and tagline.
I used to use h1, h2 and h3 to do this but it would then expose an incorrect document structure in the accessibility tree.
Instead, wrap your title and its paragraphs within a .
👉 www.tpgi.com/subheadings-...
I used to use h1, h2 and h3 to do this but it would then expose an incorrect document structure in the accessibility tree.
Instead, wrap your title and its paragraphs within a .
👉 www.tpgi.com/subheadings-...
Like letting the user select a date thanks to a Calendar component instead of typing the date manually.
February 21, 2025 at 4:02 PM
Like letting the user select a date thanks to a Calendar component instead of typing the date manually.
And these kind of tiny little details on websites always brighten my days ❤️
February 14, 2025 at 10:35 AM
And these kind of tiny little details on websites always brighten my days ❤️
While reading this article (wattenberger.com/thoughts/boo...) from @wattenberger.com I stumbled upon this idea of letting the user define context via different inputs instead of writing everything in a prompt.
I like this a lot from a learning/teaching standpoint.
I like this a lot from a learning/teaching standpoint.
February 14, 2025 at 10:19 AM
While reading this article (wattenberger.com/thoughts/boo...) from @wattenberger.com I stumbled upon this idea of letting the user define context via different inputs instead of writing everything in a prompt.
I like this a lot from a learning/teaching standpoint.
I like this a lot from a learning/teaching standpoint.
I've been setting up an icon library in Figma for work lately. And I stumbled upon dozens of icons that I needed to rename.
Thankfully Figma has a bulk rename feature compatible with regexp ✨
Before: iconName_650
After: iconName
Thankfully Figma has a bulk rename feature compatible with regexp ✨
Before: iconName_650
After: iconName
February 13, 2025 at 9:53 AM
I've been setting up an icon library in Figma for work lately. And I stumbled upon dozens of icons that I needed to rename.
Thankfully Figma has a bulk rename feature compatible with regexp ✨
Before: iconName_650
After: iconName
Thankfully Figma has a bulk rename feature compatible with regexp ✨
Before: iconName_650
After: iconName
@rikschennink.com Hey ✌️ I just downloaded xrepost and the app seems stuck on the import archive step. Just reopened the app and tried again and same thing.
Can you help me please?
Can you help me please?
February 11, 2025 at 10:00 AM
@rikschennink.com Hey ✌️ I just downloaded xrepost and the app seems stuck on the import archive step. Just reopened the app and tried again and same thing.
Can you help me please?
Can you help me please?
✨Small UI details
When activating/deactivating the design mode in Figma Slides the action bar is nicely animated.
When activating/deactivating the design mode in Figma Slides the action bar is nicely animated.
January 24, 2025 at 10:38 AM
✨Small UI details
When activating/deactivating the design mode in Figma Slides the action bar is nicely animated.
When activating/deactivating the design mode in Figma Slides the action bar is nicely animated.
Introduce yourself with four video games
November 21, 2024 at 12:36 PM
Introduce yourself with four video games
The more I look at eBay design system, the more impressed I get.
They also open sourced a Figma plugin that helps product teams make their UIs accessible. It targets both designers and developers which I like a lot.
🎨 Figma: www.figma.com/community/pl...
🤖 GitHub: github.com/eBay/figma-i...
They also open sourced a Figma plugin that helps product teams make their UIs accessible. It targets both designers and developers which I like a lot.
🎨 Figma: www.figma.com/community/pl...
🤖 GitHub: github.com/eBay/figma-i...
November 20, 2024 at 10:27 AM
The more I look at eBay design system, the more impressed I get.
They also open sourced a Figma plugin that helps product teams make their UIs accessible. It targets both designers and developers which I like a lot.
🎨 Figma: www.figma.com/community/pl...
🤖 GitHub: github.com/eBay/figma-i...
They also open sourced a Figma plugin that helps product teams make their UIs accessible. It targets both designers and developers which I like a lot.
🎨 Figma: www.figma.com/community/pl...
🤖 GitHub: github.com/eBay/figma-i...
While I was looking at the new eBay design system website I noticed a tool they created to show predefined color pairs for background and foreground elements (text / button) that meet a11y standards: playbook.ebay.com/foundations/...
November 20, 2024 at 10:10 AM
While I was looking at the new eBay design system website I noticed a tool they created to show predefined color pairs for background and foreground elements (text / button) that meet a11y standards: playbook.ebay.com/foundations/...
I need a way to automatically generate stories for all the variants of my <Text /> component.
For now my variants are stored in a TS type 'title-1' | 'title-2' ...
Has anyone done this?
For now my variants are stored in a TS type 'title-1' | 'title-2' ...
Has anyone done this?
October 30, 2024 at 10:12 AM
I need a way to automatically generate stories for all the variants of my <Text /> component.
For now my variants are stored in a TS type 'title-1' | 'title-2' ...
Has anyone done this?
For now my variants are stored in a TS type 'title-1' | 'title-2' ...
Has anyone done this?
Pour tous les fans d'Alien y'a ce magnifique poster à imprimer vous même de dispo : technouveau.net/en-eur/produ...
February 6, 2024 at 11:08 AM
Pour tous les fans d'Alien y'a ce magnifique poster à imprimer vous même de dispo : technouveau.net/en-eur/produ...
Just discovered fixtured.com which is a really nice calendar to help you see all soccer games from all major leagues.
It's rare to see such well crafted UIs for soccer tbh. Let's see how it goes 🤞
It's rare to see such well crafted UIs for soccer tbh. Let's see how it goes 🤞
November 4, 2023 at 10:56 AM
Just discovered fixtured.com which is a really nice calendar to help you see all soccer games from all major leagues.
It's rare to see such well crafted UIs for soccer tbh. Let's see how it goes 🤞
It's rare to see such well crafted UIs for soccer tbh. Let's see how it goes 🤞