Making keyboard navigation effortless. Introducing focusgroup.
Focusgroup is a new HTML attribute, with early support in Edge, Chrome, and other Chromium-based browsers, that completely handles arrow key navigation within complex widgets. No JS needed!
➡️ blogs.windows.com/msedgedev/20...
✍️ New post: Continvoucly Morged Value
Couldn't get out of my head what happened to @nvie.com’s diagram – and so I wrote down a few premature thoughts about what happens when we mistake the (AI) artifact for the work …
matthiasott.com/notes/contin...
I've been experimenting with an upcoming CSS feature called border-shape lately.
It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!
Try it in Canary w/experimental web platform features on, & read more:
una.im/border-shape
I've been on a bit of a social media hiatus, but I've written a new post about something that's been on my mind a lot lately localghost.dev/blog/stop-ge...
There’s some very useful capabilities coming to JavaScript: “[Symbol.dispose]()” and “using”. Mat Marquis is here to explain why they’re coming and how to use them effectively.
piccalil.li/blog/its-abo...
✍️ New article: Webspace Invaders
👾👾👾👾👾👾👾👾👾👾👾👾
matthiasott.com/articles/web...
Why real-time form validation can become an #accessibility issue a11yblog.com/2026/02/05/w...
Overview of the CSS code from the provided link
💡 CSS Tip!
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
Indeed. Weird. An issue has been opened by Brecht @utilitybend.com issues.chromium.org/issues/47730...
Styling new HTML UI capabilities by @utilitybend.com youtu.be/SsBC0dx0xyM?... #css
We'll be getting multiple outlines in #CSS!!
Multiple outlines means no more hacking our way around accessible and creative outline styles with box-shadows that aren't rendered in forced-colors mode! 🙌
Finally!! This is such great news!! 🎉🥳
Sounds on The Web www.userinterface.wiki/sounds-on-th... #SoundDesign #UX
Not All Browser APIs Are "Web" APIs
There's JS APIs in your browser that are little more than facades for cloud services. You might be sending your users' data to them.
polypane.app/blog/not-all...
import { loadEnvFile } from 'node:process'; // load .env file with default path ('./.env`) loadEnvFile(); // load .env file with a custom path loadEnvFile('../../.env');
TIL that modern Node not only supports `--env-file` / `--env-file-if-exists` but also a new method to programmatically load .env files.
It's been marked stable since Node v24 (current LTS), and I'm now on the journey of removing all the `dotenv` dependencies. 😅
www.stefanjudis.com/today-i-lear...
Thank you for the links and the valuable content shared accross the year.
I don't know if it's been reported already or not (or if it is the expected behavior or not) but I doesn't seem to work when I grab the scrollbar with a mouse for me 🤔 Trackpad and mouse wheel does the job though. (in current chrome or canary, windows platform).
‘Sloppy’ Code and #Accessibility Issues: The Trouble With Trump’s Silicon Valley-Inspired Web Design Project www.notus.org/trump-white-... #a11y
⚠️ In 90 Minutes
Forms are famously complex to build. Angular v21 introduces Signal Forms, which promises auto-synced state, type safety, and schema-based validation. @synalx.bsky.social teaches us how they work.
Details:
I share my thoughts on alternative text for CSS generated content in this video for #htmhell.
youtu.be/aHjcx-F5qos?...
In this video I talk about some of the accessibility features built into popovers in #html.
www.youtube.com/watch?v=RVxl...
#htmhell
📣 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.
You probably don’t need `aria-label` for that thing.
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
Just published part 2 of our @angular.dev Signal Forms series! 🚀
We go over:
- custom validators
- async validation
- dynamic behavior
- debouncing
- custom form components
Still experimental, but already very promising!
👉 blog.ninja-squad.com/2025/11/14/a...
I’ve seen one-time passcode (“OTP”) interfaces cause undue stress in otherwise level-headed #WebDev teams.
Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...
#HTML #CSS #JavaScript
Ready for a new way to build forms in @angular.dev? 🚀
✅ Signal Forms are coming in v21 (experimental)!
In this post, we explore form creation, submission handling, and validation.
👉 blog.ninja-squad.com/2025/11/04/a...
Après Paris, Nantes et Lyon, il est temps de vous dévoiler le programme des ateliers de Lille, qui auront lieu le 6 décembre à l'ECV Lille.
www.paris-web.fr/act...
