Romain Lebascle
@romanogypsy.bsky.social
Reposted by Romain Lebascle
This week on The Callback, we look at:
- the Bun acquisition
- AI deleting hard drives
- 90's commercials
It's everything you've asked for and more!
www.youtube.com/watch?v=MLeU...
- the Bun acquisition
- AI deleting hard drives
- 90's commercials
It's everything you've asked for and more!
www.youtube.com/watch?v=MLeU...
The real reason Anthropic bought Bun...
YouTube video by Prismic
www.youtube.com
December 8, 2025 at 5:33 PM
This week on The Callback, we look at:
- the Bun acquisition
- AI deleting hard drives
- 90's commercials
It's everything you've asked for and more!
www.youtube.com/watch?v=MLeU...
- the Bun acquisition
- AI deleting hard drives
- 90's commercials
It's everything you've asked for and more!
www.youtube.com/watch?v=MLeU...
Reposted by Romain Lebascle
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 20, 2025 at 2:58 PM
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Reposted by Romain Lebascle
Interesting that a design system has stopped using toast messages due to "their accessibility and usability issues".
primer.style/accessibilit...
Useful ammunition/documentation for people in teams trying to do the same.
primer.style/accessibilit...
Useful ammunition/documentation for people in teams trying to do the same.
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
primer.style
November 11, 2025 at 3:37 PM
Interesting that a design system has stopped using toast messages due to "their accessibility and usability issues".
primer.style/accessibilit...
Useful ammunition/documentation for people in teams trying to do the same.
primer.style/accessibilit...
Useful ammunition/documentation for people in teams trying to do the same.
Reposted by Romain Lebascle
View Transitions are enabled by default in Firefox Nightly, so they're on their way to stable. Give it a test with your current transitions, and give me a shout if anything doesn't look right.
August 21, 2025 at 8:16 AM
View Transitions are enabled by default in Firefox Nightly, so they're on their way to stable. Give it a test with your current transitions, and give me a shout if anything doesn't look right.
Reposted by Romain Lebascle
New on the blog:
“CSS-only scrollspy effect using scroll-marker-group and :target-current”
www.sarasoueidan.com/blog/css-scr...
—
A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y
“CSS-only scrollspy effect using scroll-marker-group and :target-current”
www.sarasoueidan.com/blog/css-scr...
—
A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y
CSS-only scrollspy effect using scroll-marker-group and :target-current
— The personal website of Sara Soueidan, inclusive Web UI engineer
www.sarasoueidan.com
August 18, 2025 at 1:25 PM
New on the blog:
“CSS-only scrollspy effect using scroll-marker-group and :target-current”
www.sarasoueidan.com/blog/css-scr...
—
A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y
“CSS-only scrollspy effect using scroll-marker-group and :target-current”
www.sarasoueidan.com/blog/css-scr...
—
A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y
Reposted by Romain Lebascle
Tired of being called the pessimist just because you’re the one asking the hard questions in the team? Yeah, same. That’s probably why Andy Budd’s article hit home today.
People don’t always get, that, designers aren’t negative. We are cautious. We ask “what if?” to prevent problems.
People don’t always get, that, designers aren’t negative. We are cautious. We ask “what if?” to prevent problems.
Why Designers Sound Negative (And Why That’s a Good Thing) | Andy Budd
In any fast-moving product team, there’s a familiar pattern. A confident roadmap is shared. Timelines are tight but “doable.” Enthusiasm is high. Then, just as the meeting is wrapping up, a designer tentatively raises a hand and asks:“Have we thought about what happens if…?”
www.andybudd.com
August 4, 2025 at 12:30 PM
Tired of being called the pessimist just because you’re the one asking the hard questions in the team? Yeah, same. That’s probably why Andy Budd’s article hit home today.
People don’t always get, that, designers aren’t negative. We are cautious. We ask “what if?” to prevent problems.
People don’t always get, that, designers aren’t negative. We are cautious. We ask “what if?” to prevent problems.
Reposted by Romain Lebascle
We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from @en.sitnik.ru, creator of PostCSS. evilmartians.com/chronicles/w...
What we learned from creating PostCSS—Martian Chronicles, Evil Martians’ team blog
We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from Andrey Sitnik, creator of PostCSS.
evilmartians.com
August 5, 2025 at 6:32 PM
We share what have we learned creating PostCSS and the huge ecosystem around it. Get 8 key lessons from @en.sitnik.ru, creator of PostCSS. evilmartians.com/chronicles/w...
Reposted by Romain Lebascle
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
August 4, 2025 at 9:05 PM
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
Reposted by Romain Lebascle
Apropos of yet another conversation today, I’m a big fan of using automation in WCAG testing.
But I also know WCAG well enough to understand the limitations (and lies) the tools.
adrianroselli.com/2025/04/auto...
#accessibility #a11y
But I also know WCAG well enough to understand the limitations (and lies) the tools.
adrianroselli.com/2025/04/auto...
#accessibility #a11y
Automated WCAG Testing Is Grrreat!
I’m a big fan of using automation in WCAG testing. I use bookmarklets, dev tools, browser features & reporting, and a pile of third-party products from assorted vendors. These save me time and effort,...
adrianroselli.com
June 4, 2025 at 6:14 PM
Apropos of yet another conversation today, I’m a big fan of using automation in WCAG testing.
But I also know WCAG well enough to understand the limitations (and lies) the tools.
adrianroselli.com/2025/04/auto...
#accessibility #a11y
But I also know WCAG well enough to understand the limitations (and lies) the tools.
adrianroselli.com/2025/04/auto...
#accessibility #a11y
Reposted by Romain Lebascle
This is where I explain how I built the search index using @11ty.dev for the ⌘+K search on my website: arielsalminen.com/2025/buildin...
May 26, 2025 at 2:04 PM
This is where I explain how I built the search index using @11ty.dev for the ⌘+K search on my website: arielsalminen.com/2025/buildin...
Reposted by Romain Lebascle
I’ve been busy, so I also wrote about how I optimized the webfont performance on my new website:
arielsalminen.com/2025/optimiz...
arielsalminen.com/2025/optimiz...
May 26, 2025 at 4:13 PM
I’ve been busy, so I also wrote about how I optimized the webfont performance on my new website:
arielsalminen.com/2025/optimiz...
arielsalminen.com/2025/optimiz...
Reposted by Romain Lebascle
"Do Not Publish Your Designs on the Web with Figma Sites…"
adrianroselli.com/2025/05/do-n...
"…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users." #a11y
adrianroselli.com/2025/05/do-n...
"…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users." #a11y
Do Not Publish Your Designs on the Web with Figma Sites…
…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users. What am I ta...
adrianroselli.com
May 8, 2025 at 9:15 AM
"Do Not Publish Your Designs on the Web with Figma Sites…"
adrianroselli.com/2025/05/do-n...
"…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users." #a11y
adrianroselli.com/2025/05/do-n...
"…Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users." #a11y
Reposted by Romain Lebascle
[New blog post]
Are CSS Carousels accessible sarasoueidan.com/blog/css-car...
In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.
#a11y
Are CSS Carousels accessible sarasoueidan.com/blog/css-car...
In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.
#a11y
Are 'CSS Carousels' accessible?
– The personal website of Sara Soueidan, inclusive design engineer
sarasoueidan.com
May 6, 2025 at 3:27 PM
[New blog post]
Are CSS Carousels accessible sarasoueidan.com/blog/css-car...
In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.
#a11y
Are CSS Carousels accessible sarasoueidan.com/blog/css-car...
In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.
#a11y
Reposted by Romain Lebascle
I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live!
If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀
I also have exciting news to finally share! 👇
[🧵]
If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀
I also have exciting news to finally share! 👇
[🧵]
April 3, 2025 at 3:48 PM
I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live!
If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀
I also have exciting news to finally share! 👇
[🧵]
If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀
I also have exciting news to finally share! 👇
[🧵]
Reposted by Romain Lebascle
New release: Eleventy Navigation v1.0.0 (after 2+ years dormant!)
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
Release Eleventy Navigation v1.0.0 · 11ty/eleventy-navigation
Add support for eleventyNavigation.pinned boolean to pin nodes to the top of their navigation group (while also respecting order among pinned nodes) #60 Add support for multiple comma separated key...
github.com
April 3, 2025 at 1:02 PM
New release: Eleventy Navigation v1.0.0 (after 2+ years dormant!)
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
Access the data cascade, pin items in a group, improvements to default sorting, support for aria-current, and more!
Reposted by Romain Lebascle
The WebAIM Million 2025 update is out:
webaim.org/projects/mil...
My ranking slipped more. It also found 1 contrast error on the home page that does not appear when using the link to analyze the page with WAVE:
webaim.org/projects/mil...
#accessibility #a11y
webaim.org/projects/mil...
My ranking slipped more. It also found 1 contrast error on the home page that does not appear when using the link to analyze the page with WAVE:
webaim.org/projects/mil...
#accessibility #a11y
WebAIM: The WebAIM Million - The 2025 report on the accessibility of the top 1,000,000 home pages
webaim.org
March 31, 2025 at 10:28 PM
The WebAIM Million 2025 update is out:
webaim.org/projects/mil...
My ranking slipped more. It also found 1 contrast error on the home page that does not appear when using the link to analyze the page with WAVE:
webaim.org/projects/mil...
#accessibility #a11y
webaim.org/projects/mil...
My ranking slipped more. It also found 1 contrast error on the home page that does not appear when using the link to analyze the page with WAVE:
webaim.org/projects/mil...
#accessibility #a11y
Reposted by Romain Lebascle
I need examples of vulnerabilities reported against npm packages that maintainers of the package or another package depending on it were annoyed by.
Doesn't have to be fresh, last 5 years is ok.
Respond with ghsa link or package+version - I can look it up myself.
(repost for reach a lot please)
Doesn't have to be fresh, last 5 years is ok.
Respond with ghsa link or package+version - I can look it up myself.
(repost for reach a lot please)
March 21, 2025 at 10:53 AM
I need examples of vulnerabilities reported against npm packages that maintainers of the package or another package depending on it were annoyed by.
Doesn't have to be fresh, last 5 years is ok.
Respond with ghsa link or package+version - I can look it up myself.
(repost for reach a lot please)
Doesn't have to be fresh, last 5 years is ok.
Respond with ghsa link or package+version - I can look it up myself.
(repost for reach a lot please)
Reposted by Romain Lebascle
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
March 21, 2025 at 11:21 PM
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
Reposted by Romain Lebascle
Great tips on autofill and paste functionality, accessible error message patterns, usable and accessible date field and auto formatted fields, to improve your forms and make them more inclusive. 2023, but still relevant in 2025, trust me, most forms out there are a mess to use.
Form accessibility and usability beyond the basics - Pope Tech Blog
Four form functionalities most websites don't consider.
blog.pope.tech
March 13, 2025 at 2:30 PM
Great tips on autofill and paste functionality, accessible error message patterns, usable and accessible date field and auto formatted fields, to improve your forms and make them more inclusive. 2023, but still relevant in 2025, trust me, most forms out there are a mess to use.
Reposted by Romain Lebascle
Experimented a bit today with building a Radix-style dialog component with the native HTML dialog element.
Radix-style native dialog - StackBlitz
Next generation frontend tooling. It's fast!
stackblitz.com
February 6, 2025 at 1:36 AM
Experimented a bit today with building a Radix-style dialog component with the native HTML dialog element.
Reposted by Romain Lebascle
NEW POST
Design tokens are fundamental design decisions represented as data. Andreas Kutschmann explains how they work and how to organize them to balance scalability, maintainability and developer experience.
martinfowler.com/articles/des...
Design tokens are fundamental design decisions represented as data. Andreas Kutschmann explains how they work and how to organize them to balance scalability, maintainability and developer experience.
martinfowler.com/articles/des...
Design Token-Based UI Architecture
Describing established patterns for organizing design tokens and practical approaches for automation
martinfowler.com
December 12, 2024 at 10:29 AM
NEW POST
Design tokens are fundamental design decisions represented as data. Andreas Kutschmann explains how they work and how to organize them to balance scalability, maintainability and developer experience.
martinfowler.com/articles/des...
Design tokens are fundamental design decisions represented as data. Andreas Kutschmann explains how they work and how to organize them to balance scalability, maintainability and developer experience.
martinfowler.com/articles/des...
Reposted by Romain Lebascle
My article “Downsize your JavaScript: Mastering Bundler Optimizations” is out.
It covers practical steps to reduce the amount of JavaScript you ship. I also compared 7 bundlers to help you make an informed decision about which one might be best for you.
dev.to/filipsobol/d...
It covers practical steps to reduce the amount of JavaScript you ship. I also compared 7 bundlers to help you make an informed decision about which one might be best for you.
dev.to/filipsobol/d...
Downsize your JavaScript: Mastering Bundler Optimizations
Introduction Over the past 15 years, the JavaScript ecosystem has expanded rapidly,...
dev.to
December 17, 2024 at 11:01 AM
My article “Downsize your JavaScript: Mastering Bundler Optimizations” is out.
It covers practical steps to reduce the amount of JavaScript you ship. I also compared 7 bundlers to help you make an informed decision about which one might be best for you.
dev.to/filipsobol/d...
It covers practical steps to reduce the amount of JavaScript you ship. I also compared 7 bundlers to help you make an informed decision about which one might be best for you.
dev.to/filipsobol/d...
Reposted by Romain Lebascle
CSS Weekly #599
✂️ Overflow Clip
⚜️ Single Page Apps Without a Framework
🤖 AI in Chrome DevTools
🗃️ Details/Summary Animation
Featuring incredible work by @shadeed9.bsky.social, @kevinpowell.co, @sjoy.lol, @rachelandrew.bsky.social, @codepip.com, and more.
cssw.io/issue-599
✂️ Overflow Clip
⚜️ Single Page Apps Without a Framework
🤖 AI in Chrome DevTools
🗃️ Details/Summary Animation
Featuring incredible work by @shadeed9.bsky.social, @kevinpowell.co, @sjoy.lol, @rachelandrew.bsky.social, @codepip.com, and more.
cssw.io/issue-599
CSS Weekly Issue #599
Learn how overflow: clip and view transitions works, how to create a dark theme using modern CSS, how to animate details/summary elements, and more.
cssw.io
December 9, 2024 at 10:35 PM
CSS Weekly #599
✂️ Overflow Clip
⚜️ Single Page Apps Without a Framework
🤖 AI in Chrome DevTools
🗃️ Details/Summary Animation
Featuring incredible work by @shadeed9.bsky.social, @kevinpowell.co, @sjoy.lol, @rachelandrew.bsky.social, @codepip.com, and more.
cssw.io/issue-599
✂️ Overflow Clip
⚜️ Single Page Apps Without a Framework
🤖 AI in Chrome DevTools
🗃️ Details/Summary Animation
Featuring incredible work by @shadeed9.bsky.social, @kevinpowell.co, @sjoy.lol, @rachelandrew.bsky.social, @codepip.com, and more.
cssw.io/issue-599
Reposted by Romain Lebascle
Astro 5.0 is here.
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Astro 5.0 | Astro
Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.
astro.build
December 3, 2024 at 6:20 PM
Astro 5.0 is here.
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable.
Go see what you can do 👇
astro.build/blog/astro-5/
Reposted by Romain Lebascle
It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel.
Enjoy!
htmhell.dev/adventcalend...
Enjoy!
htmhell.dev/adventcalend...
HTMHell Advent Calendar 2024 - HTMHell
An article, talk, or tool that focuses on HTML every day until Christmas.
htmhell.dev
December 1, 2024 at 8:00 AM
It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel.
Enjoy!
htmhell.dev/adventcalend...
Enjoy!
htmhell.dev/adventcalend...