wow wow wow! angine de poitrine.
youtu.be/AHbdYT8U_r4?...
who made this delightful thing?
draw a horse. watch it run.
gradient.horse
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Screenshot of a performance trace in Chrome DevTools with a few additional "Nav*" and "LCP*" markers. Hovering over the "LCP*" shows this is a "Soft LCP" and in the Summary panel when you click on it you see "Soft Largest Contentful Paint" and a "Learn more about Soft Largest Contentful Paint" link.
From Chrome 145 (on general release next week!), DevTools we will start to show so called "soft" navigations and "Soft LCP" in the Performance Panel traces.
These are for SPAs which don't do a full page load, but instead "fake it" by updating the current page and pushing a new history entry.
1/5 🧵
Wild how far you can push "customizable select" with just #CSS
nerdy.dev/nice-select
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
HTML invoker commands are newly baseline! Here's how they work…
it's that time of year again for music roundups 🎉. here were my favorite tracks of 2025. what were yours?
genres: electronic, idm, ambient, experimental, glitch, leftfield-bass, polyrhythmic, future garage, hyperpop, dub techno
www.buymusic.club/list/london-...
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Happy 34th Birthday HTML tags!
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
that was the biggest & closest one experienced yet in the 8 1/2 years in SF 😳. woke up to big shock/jolt.
After a falling tree branch paralyzed him, Google software engineer Sasha Blair-Goldensohn began helping people with disabilities navigate their cities and neighborhoods.
dang it!! getpocket.com is going away 😞. what is everyone moving to? raindrop.io?
ARIA! It exists and on a long enough timeline you'll need to use it. Here's how to get into the right headspace to do so! #a11y www.smashingmagazine.com/2025/06/what...
🦊
Responsive design turns fifteen today! WHAT IS TIME ethanmarcotte.com/wrote/respon...
Have you ever tried using color contrast tools backed by the WCAG 2 contrast algorithm (probably didn’t realize) — and then wonder “WHY IN THE WORLD DOES BLACK ON MEDIUM BLUE PASS WHILE WHITE ON MEDIUM BLUE FAILS?”
You aren’t the only one.
Learn what’s going on:
webkit.org/blog/16929/c...
so sorry to hear 😩
need product differentiation?
overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever
and watch as your product becomes smooth and buttery while everyone else's gather dust and crust
UI is a huge space offering differentiation via quality
it's my favorite time of year! music roundup time. here are my favorite tracks of 2024. what were yours?
genres: experimental ambient, electronica, IDM, future garage, art/chamber/shimmer pop, minimal techno, dark wave, chillwave
www.buymusic.club/list/london-...
and related to this topic, does anyone know if the CSS mask property supports SVG data URIs where the SVG path has a stroke? the stroke isn't rendering. the mask is just expanding to take the area where the stroke should be.
remember to encode SVGs used as data URIs in a CSS mask property or you'll waste time troubleshooting why an old SVG worked but new one doesn't & difference is new has hex color value (with `#`) & other doesn't. browsers will see `#` as fragment identifier & won't render the SVG as the mask at all.
Two cool improvements are coming to <dialog> soon ™️.
- button command/commandfor attributes to open dialogs without JS.
- closedby attribute to enable light dismiss or disable close on esc (etc)
A virtual certificate with text "Celebrating 10M users on Bluesky, #38,440, Stacy London @stacylondon.bsky.social, joined on Apr 25, 2023"
dang! 10 million.
✏️ Maybe you heard people say the `popover` attribute has accessibility “built in”. And you wonder what that actually means.
Me and @scottohara.bsky.social wrote a post to explain what the browser does and doesn't do in terms of accessibility when you use `popover`
hidde.blog/popover-acce...
👋 I published a chapter from the Practical Accessibility course on my website. It's an extensive guide to ARIA live regions, how to use them, & how NOT to.
👉 Accessible Notifications with ARIA Live Regions
Part 1: www.sarasoueidan.com/blog/accessi...
Part 2: www.sarasoueidan.com/blog/accessi...
my favorite electronic tracks of 2023:
www.buymusic.club/list/london-...
genres: chillwave, ambient, future garage, experimental electronic, IDM, indietronica, minimal melodic techno
what were yours?
Announcing React Aria Components v1.0.0! 🥳
Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.
react-spectrum.adobe.com/react-aria/i...
There was an API not documented & I spent a bunch of time reading through code & slack threads to try to understand what the difference between two pieces of similar sounding data were. Started using GitHub Copilot and asked it and it gave me the correct answer instantly. 🤯
Normally I share out picks from latest
@frontendhappyhour.com but my internet 💩 so
@jemyoung.com filled in. He's ready to start writing 🎵 reviews: "The Artful Garbage Men. Variety calls it speed metal put into a blender toasted over a warm marshmallow...". 😆💀 t.co/Q8d3SlvZtt
Oh my gosh, oh my gosh! We got to chat with Estelle Weyl & @meyerweb.bsky.social about CSS on the latest episode of Front End Happy Hour. They have both contributed so much to the community & I've learned a ton from them over many years, so what an honor!
https://tinyurl.com/45739xsh