Yann 🇫🇷🇺🇦
@yanduv.bsky.social
Web dev at CA-TS - Design System library author. Interested with web stuff and russia's ass kicked out to where it belongs.
Living in Montpellier.
Living in Montpellier.
🙌 Today I made my first custom element with manual slot assignment with the help of this article by @knowler.dev. Thanks!
knowler.dev/blog/an-intr...
knowler.dev/blog/an-intr...
An intro to manual slot assignment – Nathan Knowler
Exploring more powerful Shadow DOM composition using manual slot assignment.
knowler.dev
November 26, 2025 at 2:24 PM
🙌 Today I made my first custom element with manual slot assignment with the help of this article by @knowler.dev. Thanks!
knowler.dev/blog/an-intr...
knowler.dev/blog/an-intr...
Hey #WebComponents enthousiasts and #Angular users ! The release of angular 21 with experimental signal Form is close.
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
Allow directives to implement `FormValueControl` in order to control a custom element · Issue #64992 · angular/angular
Which @angular/* package(s) are relevant/related to the feature request? @angular/forms Description For signal form, as the NG_VALIDATORS (see #64493) is not planned, we need an alternative to inte...
github.com
November 9, 2025 at 9:39 AM
Hey #WebComponents enthousiasts and #Angular users ! The release of angular 21 with experimental signal Form is close.
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
Allow directives to implement `FormValueControl` in order to control a custom element · Issue #64992 · angular/angular
Which @angular/* package(s) are relevant/related to the feature request? @angular/forms Description For signal form, as the NG_VALIDATORS (see #64493) is not planned, we need an alternative to inte...
github.com
November 7, 2025 at 1:56 PM
Hey #WebComponents enthousiasts and #Angular users ! The release of angular 21 with experimental signal Form is close.
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
I wasn't able to make custom elements work directly with it, so I created this issue.
Could you help me with your feedback ? A thumb up ?
Reposted by Yann 🇫🇷🇺🇦
✍️ New post: European Tech Alternatives 🇪🇺
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
European Tech Alternatives 🇪🇺 · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 5, 2025 at 12:27 AM
✍️ New post: European Tech Alternatives 🇪🇺
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
What gif pops up when you type your name?
Third match, but it aligns better with the current state of my vacations 🤪
Third match, but it aligns better with the current state of my vacations 🤪
August 15, 2025 at 6:53 PM
What gif pops up when you type your name?
Third match, but it aligns better with the current state of my vacations 🤪
Third match, but it aligns better with the current state of my vacations 🤪
Reposted by Yann 🇫🇷🇺🇦
We ran a randomized controlled trial to see how much AI coding tools speed up experienced open-source developers.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
July 10, 2025 at 7:47 PM
We ran a randomized controlled trial to see how much AI coding tools speed up experienced open-source developers.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
😀 I think I found a bug with WebKit not blocking the click event inside shadow DOM
June 20, 2025 at 10:08 AM
😀 I think I found a bug with WebKit not blocking the click event inside shadow DOM
Reposted by Yann 🇫🇷🇺🇦
don't forget `touch-action: manipulation` for buttons on mobile
double taps shouldn't zoom
double taps shouldn't zoom
April 7, 2025 at 5:15 PM
don't forget `touch-action: manipulation` for buttons on mobile
double taps shouldn't zoom
double taps shouldn't zoom
Something useful to know : Angular allows itself to interpret the syntax of properties in its template. For example if you write [readonly], it is transformed to [readOnly].
Yes ! I learnt it the very hard way with a bad web component API I implemented 😭
Yes ! I learnt it the very hard way with a bad web component API I implemented 😭
March 3, 2025 at 5:01 PM
Something useful to know : Angular allows itself to interpret the syntax of properties in its template. For example if you write [readonly], it is transformed to [readOnly].
Yes ! I learnt it the very hard way with a bad web component API I implemented 😭
Yes ! I learnt it the very hard way with a bad web component API I implemented 😭
Reposted by Yann 🇫🇷🇺🇦
After 2+ years, it's finally time to announce @TanStack.com Form v1!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
March 3, 2025 at 4:28 PM
After 2+ years, it's finally time to announce @TanStack.com Form v1!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
Reposted by Yann 🇫🇷🇺🇦
half of prettier's install size is a commonjs duplicate of the ESM
imagine how much data will be saved once people stop shipping dual-packages. prettier is one of many
imagine how much data will be saved once people stop shipping dual-packages. prettier is one of many
February 25, 2025 at 9:39 AM
half of prettier's install size is a commonjs duplicate of the ESM
imagine how much data will be saved once people stop shipping dual-packages. prettier is one of many
imagine how much data will be saved once people stop shipping dual-packages. prettier is one of many
So, I made a playground web component with @lit.dev using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...
blog.glyphdrawing.club/font-with-bu...
January 27, 2025 at 3:52 PM
So, I made a playground web component with @lit.dev using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...
blog.glyphdrawing.club/font-with-bu...
Reposted by Yann 🇫🇷🇺🇦
My @smashingconf.com talk, Bridging the Gap, One Token at a Time, is now online! 🫶 Spoiler alert: the talk isn't really about Tokens. I roast my past self + share a series of failures that led me to be a better Design Systems teammate by learning Design Tokens.
open.substack.com/pub/samiamd...
open.substack.com/pub/samiamd...
January 6, 2025 at 11:30 AM
My @smashingconf.com talk, Bridging the Gap, One Token at a Time, is now online! 🫶 Spoiler alert: the talk isn't really about Tokens. I roast my past self + share a series of failures that led me to be a better Design Systems teammate by learning Design Tokens.
open.substack.com/pub/samiamd...
open.substack.com/pub/samiamd...
And that's some words I can put on my latest frustrations 😮💨
Seeing over and over #DesignSystems teams finally starting to feel good with adoption in design, but dev seriously falling behind. There's all sorts of options to help remedy it, however I can't help but think that hiring a shit hot hybrid designer/developer or "Design Engineer" is the real solution
December 17, 2024 at 5:48 PM
And that's some words I can put on my latest frustrations 😮💨
👨🏫 Next week I am lucky enough to go to Brittany to teach coworkers about web components.
1st iteration of this class was really appreciated.
I really enjoy doing this ! 😊
1st iteration of this class was really appreciated.
I really enjoy doing this ! 😊
November 16, 2024 at 4:17 PM
👨🏫 Next week I am lucky enough to go to Brittany to teach coworkers about web components.
1st iteration of this class was really appreciated.
I really enjoy doing this ! 😊
1st iteration of this class was really appreciated.
I really enjoy doing this ! 😊
Reposted by Yann 🇫🇷🇺🇦
Web development is easy. All you need to do is build a fully asynchronous, distributed system, serving an unknown set of clients over an unreliable network
November 15, 2024 at 2:54 PM
Web development is easy. All you need to do is build a fully asynchronous, distributed system, serving an unknown set of clients over an unreliable network
I am currently migrating the last relevant component (date-picker) of my library to the popover API.
It is very nice. It's more dev-convenient but doesn't remove much code. It's magic to solve stacking contexts and allows to remove some event listeners. Interaction with html only is 👌
It is very nice. It's more dev-convenient but doesn't remove much code. It's magic to solve stacking contexts and allows to remove some event listeners. Interaction with html only is 👌
November 15, 2024 at 9:42 PM
I am currently migrating the last relevant component (date-picker) of my library to the popover API.
It is very nice. It's more dev-convenient but doesn't remove much code. It's magic to solve stacking contexts and allows to remove some event listeners. Interaction with html only is 👌
It is very nice. It's more dev-convenient but doesn't remove much code. It's magic to solve stacking contexts and allows to remove some event listeners. Interaction with html only is 👌
"When they have ideas to change the world, the very wealthy can pay to have them implemented and buy themselves influence. Because of this, they believe that their ideas are superior to those of others."
Valid for the US, but for all countries where capitalism is gone too far into liberal.
Valid for the US, but for all countries where capitalism is gone too far into liberal.
« L’appauvrissement des classes populaires conjugué à une “surproduction d’élites” accumulant richesses et pouvoir finit par engendrer un effondrement »
CHRONIQUE. La défiance, les coups de griffe aux contre-pouvoirs, les crises économiques tout comme l’accaparement des richesses par les plus puissants érodent les démocraties, écrit Marie Charrel, jou...
www.lemonde.fr
November 12, 2024 at 6:53 AM
"When they have ideas to change the world, the very wealthy can pay to have them implemented and buy themselves influence. Because of this, they believe that their ideas are superior to those of others."
Valid for the US, but for all countries where capitalism is gone too far into liberal.
Valid for the US, but for all countries where capitalism is gone too far into liberal.
Reposted by Yann 🇫🇷🇺🇦
Writing the Jamstack chapter for the 2024 Web Almanac report this year was eye-opening. The standout: the average Astro site has a JavaScript footprint that's 72% lighter than Next.js 🤯
almanac.httparchive.org/en/2024/jams...
almanac.httparchive.org/en/2024/jams...
November 11, 2024 at 6:03 PM
Writing the Jamstack chapter for the 2024 Web Almanac report this year was eye-opening. The standout: the average Astro site has a JavaScript footprint that's 72% lighter than Next.js 🤯
almanac.httparchive.org/en/2024/jams...
almanac.httparchive.org/en/2024/jams...
I wish I was better at managing network 😩
I suck at configuring client&server VPN, add my self signed certificate to my phone and deploy properly a HTTPS server.
Let's find something else to be bad at...
I suck at configuring client&server VPN, add my self signed certificate to my phone and deploy properly a HTTPS server.
Let's find something else to be bad at...
November 9, 2024 at 7:57 PM
I wish I was better at managing network 😩
I suck at configuring client&server VPN, add my self signed certificate to my phone and deploy properly a HTTPS server.
Let's find something else to be bad at...
I suck at configuring client&server VPN, add my self signed certificate to my phone and deploy properly a HTTPS server.
Let's find something else to be bad at...
I'm not sure I would write a lot of content but I might give it a try.
I started a web components library for a private Design System called Muesli back in 2023.
It is kind of an adventure to start a library in a banking environment. Some old tech, habits to shake, internal inertia & other stuff
I started a web components library for a private Design System called Muesli back in 2023.
It is kind of an adventure to start a library in a banking environment. Some old tech, habits to shake, internal inertia & other stuff
November 9, 2024 at 12:20 PM
I'm not sure I would write a lot of content but I might give it a try.
I started a web components library for a private Design System called Muesli back in 2023.
It is kind of an adventure to start a library in a banking environment. Some old tech, habits to shake, internal inertia & other stuff
I started a web components library for a private Design System called Muesli back in 2023.
It is kind of an adventure to start a library in a banking environment. Some old tech, habits to shake, internal inertia & other stuff
Migration is almost done. Don't mind me if I unfollow you from the "other side" 🔥
November 7, 2024 at 12:36 PM
Migration is almost done. Don't mind me if I unfollow you from the "other side" 🔥