Stacy London
@stacylondon.bsky.social
principal front-end engineer - trello.com • panelist frontendhappyhour.com • previously: bitbucket.org • mostly musicophile, artist
Reposted by Stacy London
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Music to my ears!
primer.style/accessibilit...
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
primer.style
November 12, 2025 at 7:36 AM
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Music to my ears!
primer.style/accessibilit...
Reposted by Stacy London
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
October 29, 2025 at 5:47 PM
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
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.
M 4.6 - 2 km ESE of Berkeley, CA Link: https://earthquake.usgs.gov/earthquakes/eventpage/nc75240492
https://earthquake.usgs.gov/earthquakes/eventpage/nc75240492
https://earthquake.usgs.gov/earthquakes/eventpage/nc75240492
earthquake.usgs.gov
September 22, 2025 at 10:09 AM
that was the biggest & closest one experienced yet in the 8 1/2 years in SF 😳. woke up to big shock/jolt.
Reposted by Stacy London
After a falling tree branch paralyzed him, Google software engineer Sasha Blair-Goldensohn began helping people with disabilities navigate their cities and neighborhoods.
Meet the Google engineer making Maps more accessible
After a falling tree branch paralyzed him, Google software engineer Sasha Blair-Goldensohn began helping people with disabilities navigate their cities and neighborhoods.
www.wbur.org
July 8, 2025 at 10:03 AM
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?
June 27, 2025 at 2:06 AM
dang it!! getpocket.com is going away 😞. what is everyone moving to? raindrop.io?
Reposted by Stacy London
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...
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning ...
www.smashingmagazine.com
June 16, 2025 at 7:16 PM
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...
Reposted by Stacy London
Reposted by Stacy London
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...
You aren’t the only one.
Learn what’s going on:
webkit.org/blog/16929/c...
How to have the browser pick a contrasting color in CSS
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color?
webkit.org
May 13, 2025 at 6:55 PM
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...
You aren’t the only one.
Learn what’s going on:
webkit.org/blog/16929/c...
Reposted by Stacy London
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
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
December 28, 2024 at 12:41 AM
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
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-...
genres: experimental ambient, electronica, IDM, future garage, art/chamber/shimmer pop, minimal techno, dark wave, chillwave
www.buymusic.club/list/london-...
london - Favorite tracks of 2024
experimental ambient, electronica, IDM, future garage, art/chamber/shimmer pop, minimal techno, dark wave, chillwave
www.buymusic.club
December 16, 2024 at 12:03 AM
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-...
genres: experimental ambient, electronica, IDM, future garage, art/chamber/shimmer pop, minimal techno, dark wave, chillwave
www.buymusic.club/list/london-...
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.
December 7, 2024 at 5:05 PM
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.
Reposted by Stacy London
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)
- button command/commandfor attributes to open dialogs without JS.
- closedby attribute to enable light dismiss or disable close on esc (etc)
November 17, 2024 at 2:27 PM
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)
- button command/commandfor attributes to open dialogs without JS.
- closedby attribute to enable light dismiss or disable close on esc (etc)
dang! 10 million.
September 20, 2024 at 1:17 AM
dang! 10 million.
Reposted by Stacy London
✏️ 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...
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...
On popover accessibility: what the browser does and doesn’t do
hidde.blog
March 21, 2024 at 7:38 PM
✏️ 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...
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...
Reposted by Stacy London
👋 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...
👉 Accessible Notifications with ARIA Live Regions
Part 1: www.sarasoueidan.com/blog/accessi...
Part 2: www.sarasoueidan.com/blog/accessi...
January 16, 2024 at 10:10 AM
👋 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...
👉 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?
www.buymusic.club/list/london-...
genres: chillwave, ambient, future garage, experimental electronic, IDM, indietronica, minimal melodic techno
what were yours?
london - Favorite tracks of 2023
chillwave, ambient, future garage, experimental electronic, IDM, indietronica, minimal melodic techno
www.buymusic.club
December 24, 2023 at 3:30 AM
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?
www.buymusic.club/list/london-...
genres: chillwave, ambient, future garage, experimental electronic, IDM, indietronica, minimal melodic techno
what were yours?
Reposted by Stacy London
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...
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...
React Aria
Craft world-class accessible components with custom styles.
react-spectrum.adobe.com
December 20, 2023 at 6:31 PM
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...
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. 🤯
November 22, 2023 at 9:06 PM
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
@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
2023 reflections - looking through the bottle - Front End Happy Hour
In this episode, we reflect on 2023, what's changed in tech, and how we think about our careers.
t.co
November 22, 2023 at 8:46 PM
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
@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
https://tinyurl.com/45739xsh
CSS - Cascading Sips of Sangria - Front End Happy Hour
CSS has been quickly evolving. In this episode, we are joined by Estelle Weyl and Eric Meyer to explore the new properties that are now available.
www.frontendhappyhour.com
August 19, 2023 at 4:13 PM
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
https://tinyurl.com/45739xsh
Reposted by Stacy London
A nice brief introduction to @scope in #CSS
—
Styling elements based on proximity, and setting lower boundaries for cascading styles (donut-style). Extremely practical and useful. I can't count the number of times I've needed this lately.
(This time with a working link 🙈)
—
Styling elements based on proximity, and setting lower boundaries for cascading styles (donut-style). Extremely practical and useful. I can't count the number of times I've needed this lately.
(This time with a working link 🙈)
An introduction to @scope in CSS
Style based on proximity and set a lower boundary for a selector.
fullystacked.net
August 15, 2023 at 3:00 AM
A nice brief introduction to @scope in #CSS
—
Styling elements based on proximity, and setting lower boundaries for cascading styles (donut-style). Extremely practical and useful. I can't count the number of times I've needed this lately.
(This time with a working link 🙈)
—
Styling elements based on proximity, and setting lower boundaries for cascading styles (donut-style). Extremely practical and useful. I can't count the number of times I've needed this lately.
(This time with a working link 🙈)
My picks from the latest episode of Front End Happy Hour about AI https://tinyurl.com/mddybexd
A Little Bit Further by Tourist - https://tinyurl.com/ym5s5663
Don’t Fall for the AI Hype with Timnit Gebru - https://tinyurl.com/7ube3kwh
A Little Bit Further by Tourist - https://tinyurl.com/ym5s5663
Don’t Fall for the AI Hype with Timnit Gebru - https://tinyurl.com/7ube3kwh
A Little Bit Further, by Tourist
track by Tourist
officialtourist.bandcamp.com
August 12, 2023 at 10:46 PM
My picks from the latest episode of Front End Happy Hour about AI https://tinyurl.com/mddybexd
A Little Bit Further by Tourist - https://tinyurl.com/ym5s5663
Don’t Fall for the AI Hype with Timnit Gebru - https://tinyurl.com/7ube3kwh
A Little Bit Further by Tourist - https://tinyurl.com/ym5s5663
Don’t Fall for the AI Hype with Timnit Gebru - https://tinyurl.com/7ube3kwh
Here is my pick from the latest episode of Front End Happy Hour about modern CSS https://frontendhappyhour.com/episodes/modern-css-drinking-in-style
Line of Fire (feat. Sharon Van Etten) https://junipjunip.bandcamp.com/album/line-of-fire-feat-sharon-van-etten
Line of Fire (feat. Sharon Van Etten) https://junipjunip.bandcamp.com/album/line-of-fire-feat-sharon-van-etten
Line of Fire (feat. Sharon Van Etten), by Junip
1 track album
junipjunip.bandcamp.com
July 24, 2023 at 12:47 AM
Here is my pick from the latest episode of Front End Happy Hour about modern CSS https://frontendhappyhour.com/episodes/modern-css-drinking-in-style
Line of Fire (feat. Sharon Van Etten) https://junipjunip.bandcamp.com/album/line-of-fire-feat-sharon-van-etten
Line of Fire (feat. Sharon Van Etten) https://junipjunip.bandcamp.com/album/line-of-fire-feat-sharon-van-etten
Reposted by Stacy London
CSS / Performance Tip:
Scroll-driven animations work off the main thread, making them much more performant than using the older JavaScript API
Not only is this API more ergonomic for devs, but you also get a performance boost 🚀
developer.chrome.com/blog/scroll-animation-performance-case-study
Scroll-driven animations work off the main thread, making them much more performant than using the older JavaScript API
Not only is this API more ergonomic for devs, but you also get a performance boost 🚀
developer.chrome.com/blog/scroll-animation-performance-case-study
July 12, 2023 at 7:14 PM
CSS / Performance Tip:
Scroll-driven animations work off the main thread, making them much more performant than using the older JavaScript API
Not only is this API more ergonomic for devs, but you also get a performance boost 🚀
developer.chrome.com/blog/scroll-animation-performance-case-study
Scroll-driven animations work off the main thread, making them much more performant than using the older JavaScript API
Not only is this API more ergonomic for devs, but you also get a performance boost 🚀
developer.chrome.com/blog/scroll-animation-performance-case-study
Here is my pick from the latest episode of Front End Happy Hour about networking https://frontendhappyhour.com/episodes/networking-net-whiskey-ing
Time Takes A While by Daniel Avery https://danielavery.bandcamp.com/track/time-takes-a-while
Time Takes A While by Daniel Avery https://danielavery.bandcamp.com/track/time-takes-a-while
Time Takes A While, by Daniel Avery
from the album More Truth
danielavery.bandcamp.com
July 5, 2023 at 1:56 AM
Here is my pick from the latest episode of Front End Happy Hour about networking https://frontendhappyhour.com/episodes/networking-net-whiskey-ing
Time Takes A While by Daniel Avery https://danielavery.bandcamp.com/track/time-takes-a-while
Time Takes A While by Daniel Avery https://danielavery.bandcamp.com/track/time-takes-a-while