Elaina
@elaina.bsky.social
Designer, gif-enthusiast. Currently @thoughtbot.com. Formerly @bostonglobe.com.
https://www.elainanatario.com/
https://www.elainanatario.com/
Reposted by Elaina
ladies and gentlemen...we got him
October 30, 2025 at 7:10 PM
ladies and gentlemen...we got him
My life is now a battle of needing computers to yell at me at precise moments of the day to do remember to do a thing and my oppositional defiance saying "YOU CAN'T TELL ME WHAT TO DO, PHONE. I WILL JUST THROW YOU INTO THE SEA"
October 30, 2025 at 6:43 PM
My life is now a battle of needing computers to yell at me at precise moments of the day to do remember to do a thing and my oppositional defiance saying "YOU CAN'T TELL ME WHAT TO DO, PHONE. I WILL JUST THROW YOU INTO THE SEA"
Reposted by Elaina
View transitions are in every browser now ✨
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
October 14, 2025 at 6:41 PM
View transitions are in every browser now ✨
Reposted by Elaina
"Again and again, accessibility as a topic in web standards is treated as simultaneously too trivial for specialists' technical opinions to be given weight, but also too difficult to get right without a specialist volunteering to tackle the tricky details." alice.boxhall.au/articles/a-t...
A threat model for accessibility on the web - Alice
A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community
alice.boxhall.au
October 2, 2025 at 5:03 PM
"Again and again, accessibility as a topic in web standards is treated as simultaneously too trivial for specialists' technical opinions to be given weight, but also too difficult to get right without a specialist volunteering to tackle the tricky details." alice.boxhall.au/articles/a-t...
Reposted by Elaina
Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
piccalil.li
September 18, 2025 at 3:05 PM
Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...
Reposted by Elaina
👀 commandfor - enabled by default in Firefox 144
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
September 2, 2025 at 2:26 PM
👀 commandfor - enabled by default in Firefox 144
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
Reposted by Elaina
"Ask an LLM to style a button, and there’s a good chance it’ll still suggest outline: 0 or outline: none from the 15 years of training data." medienbaecker.com/articles/tru...
Trusting the browser · Medienbäcker Thomas Günther
I've been thinking about how we approach accessibility in web development. Particularly about trusting the browser to implement things in an accessible way.
medienbaecker.com
August 20, 2025 at 3:51 PM
"Ask an LLM to style a button, and there’s a good chance it’ll still suggest outline: 0 or outline: none from the 15 years of training data." medienbaecker.com/articles/tru...
Reposted by Elaina
🚀 Un-Sass'ing my CSS
In recent client work, we focused on leveraging "the web platform" rather than frameworks, libraries, and dependencies.
In this article, I discuss transparency & colour manipulation using CSS instead of Sass.
www.alwaystwisted.com/articles/UnS...
#Sass #CSS #WebDev #FrontEnd
In recent client work, we focused on leveraging "the web platform" rather than frameworks, libraries, and dependencies.
In this article, I discuss transparency & colour manipulation using CSS instead of Sass.
www.alwaystwisted.com/articles/UnS...
#Sass #CSS #WebDev #FrontEnd
Un-Sass’ing my CSS Always Twisted
Discover how to transition from Sass to modern CSS, exploring new features for transparency and colour manipulation in your design projects.
www.alwaystwisted.com
August 12, 2025 at 1:07 PM
🚀 Un-Sass'ing my CSS
In recent client work, we focused on leveraging "the web platform" rather than frameworks, libraries, and dependencies.
In this article, I discuss transparency & colour manipulation using CSS instead of Sass.
www.alwaystwisted.com/articles/UnS...
#Sass #CSS #WebDev #FrontEnd
In recent client work, we focused on leveraging "the web platform" rather than frameworks, libraries, and dependencies.
In this article, I discuss transparency & colour manipulation using CSS instead of Sass.
www.alwaystwisted.com/articles/UnS...
#Sass #CSS #WebDev #FrontEnd
Reposted by Elaina
scroll-target-group is coming to Chrome 140 (stable next month)!
Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!
Makes for a great progressive enhancement!
una.im/scroll-targe...
Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!
Makes for a great progressive enhancement!
una.im/scroll-targe...
una.im | Creating a scroll-spy with 2 lines of CSS
scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.
una.im
July 29, 2025 at 7:30 PM
scroll-target-group is coming to Chrome 140 (stable next month)!
Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!
Makes for a great progressive enhancement!
una.im/scroll-targe...
Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!
Makes for a great progressive enhancement!
una.im/scroll-targe...
Reposted by Elaina
Vibe code is legacy code
Updates and articles from the Val Town team
blog.val.town
July 30, 2025 at 10:37 PM
Reposted by Elaina
This thread is incredible.
Jason ✨👾SaaStr.Ai✨ Lemkin (@jasonlk)
.@Replit goes rogue during a code freeze and shutdown and deletes our entire database
xcancel.com
July 20, 2025 at 3:01 PM
This thread is incredible.
Reposted by Elaina
A thing to know when you work in digital accessibility is that a non-trivial amount of your peers likely think this way, it's just that they still don't feel comfortable expressing it publicly. That's changing.
July 16, 2025 at 3:19 PM
A thing to know when you work in digital accessibility is that a non-trivial amount of your peers likely think this way, it's just that they still don't feel comfortable expressing it publicly. That's changing.
Reposted by Elaina
Hi, this is Meg Barnette, Brad's wife.
While escorting a defendant out of immigration court at 26 Federal Plaza, Brad was taken by masked agents and detained by ICE.
This is still developing, and our team is monitoring the situation closely.
While escorting a defendant out of immigration court at 26 Federal Plaza, Brad was taken by masked agents and detained by ICE.
This is still developing, and our team is monitoring the situation closely.
June 17, 2025 at 4:51 PM
Hi, this is Meg Barnette, Brad's wife.
While escorting a defendant out of immigration court at 26 Federal Plaza, Brad was taken by masked agents and detained by ICE.
This is still developing, and our team is monitoring the situation closely.
While escorting a defendant out of immigration court at 26 Federal Plaza, Brad was taken by masked agents and detained by ICE.
This is still developing, and our team is monitoring the situation closely.
Reposted by Elaina
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...
I chose the typeface for my website purely based on the ligatures.
(It's Nib, but I can't seem to find the package with the original ligature set).
(It's Nib, but I can't seem to find the package with the original ligature set).
June 11, 2025 at 4:23 PM
I chose the typeface for my website purely based on the ligatures.
(It's Nib, but I can't seem to find the package with the original ligature set).
(It's Nib, but I can't seem to find the package with the original ligature set).
This is mostly a rant about a poor user experience in Adobe Lightroom but also why forcing your users down a path doesn't always teach them to use that path if its not intuitive
thoughtbot.com/blog/i-just-...
thoughtbot.com/blog/i-just-...
I just want to click the button
Intuition often wins over familiarity.
thoughtbot.com
June 11, 2025 at 1:43 PM
This is mostly a rant about a poor user experience in Adobe Lightroom but also why forcing your users down a path doesn't always teach them to use that path if its not intuitive
thoughtbot.com/blog/i-just-...
thoughtbot.com/blog/i-just-...
Reposted by Elaina
I beg of you all to write CSS
June 9, 2025 at 4:02 PM
I beg of you all to write CSS
Reposted by Elaina
that is such an inhumane and demoralizing outlook for this industry. you were a jr dev once too. they’re not idiots because they’re jr, those of us with more time in the industry are at fault for not providing them with good resources and strong mentorship to grow and learn.
June 3, 2025 at 4:30 PM
that is such an inhumane and demoralizing outlook for this industry. you were a jr dev once too. they’re not idiots because they’re jr, those of us with more time in the industry are at fault for not providing them with good resources and strong mentorship to grow and learn.
Reposted by Elaina
Nodding along to this wonderful post by @robbowen.digital. Hard to know what to quote first. Perhaps this:
“In the face of this reckless pursuit of hype-over-craft, I can't help but find myself longing to be part of something that makes good on the industry's early promise of responsible change.”
“In the face of this reckless pursuit of hype-over-craft, I can't help but find myself longing to be part of something that makes good on the industry's early promise of responsible change.”
Looking elsewhere - Robb Owen
Against the backdrop of mass layoffs, LLMs, site-builders and vibe coding what does it mean to conscientiously build for the web, and where do we go from here?
robbowen.digital
June 3, 2025 at 11:47 AM
Nodding along to this wonderful post by @robbowen.digital. Hard to know what to quote first. Perhaps this:
“In the face of this reckless pursuit of hype-over-craft, I can't help but find myself longing to be part of something that makes good on the industry's early promise of responsible change.”
“In the face of this reckless pursuit of hype-over-craft, I can't help but find myself longing to be part of something that makes good on the industry's early promise of responsible change.”
Reposted by Elaina
Reposted by Elaina
“My Request to Google on #Accessibility”
adrianroselli.com/2025/05/my-r...
I’m asking this massive company to stop releasing features & products & ideas that are obvious barriers.
And I want them to stop expecting free labor from the community.
It’s tiring, frustrating, and disrespectful.
#a11y
adrianroselli.com/2025/05/my-r...
I’m asking this massive company to stop releasing features & products & ideas that are obvious barriers.
And I want them to stop expecting free labor from the community.
It’s tiring, frustrating, and disrespectful.
#a11y
My Request to Google on Accessibility
Hey, Alphabet or Google or Chrome or whomever in that illegal monopoly continues to release things to the web platform that are full of accessibility barriers, I have what I think is a straightforward...
adrianroselli.com
May 22, 2025 at 12:35 PM
“My Request to Google on #Accessibility”
adrianroselli.com/2025/05/my-r...
I’m asking this massive company to stop releasing features & products & ideas that are obvious barriers.
And I want them to stop expecting free labor from the community.
It’s tiring, frustrating, and disrespectful.
#a11y
adrianroselli.com/2025/05/my-r...
I’m asking this massive company to stop releasing features & products & ideas that are obvious barriers.
And I want them to stop expecting free labor from the community.
It’s tiring, frustrating, and disrespectful.
#a11y
This is the most incredible breakdown of New England grocery store pricing I've ever seen. Of course Market Basket is #1 but oh my god the writing in this is top-notch. Audio version is even better:
www.bitchesgetriches.com/grocery-stor...
www.bitchesgetriches.com/grocery-stor...
To Hell and Back for Cheap Groceries: The Epic Investigation (and Shocking Results) of My Grocery Store Price Comparison Quest
I took 1 shopping list to 17 grocery stores over 3 days. Here are the winners, losers, and secrets I discovered about cheap groceries.
www.bitchesgetriches.com
May 16, 2025 at 5:50 PM
This is the most incredible breakdown of New England grocery store pricing I've ever seen. Of course Market Basket is #1 but oh my god the writing in this is top-notch. Audio version is even better:
www.bitchesgetriches.com/grocery-stor...
www.bitchesgetriches.com/grocery-stor...
PLEASE stop using flags to represent languages in your language selector on your website. They're often hard to read at smaller sizes, countries can have multiple major languages, and languages can span to various countries. Just put the name of the language in its native translation.
May 6, 2025 at 6:08 PM
PLEASE stop using flags to represent languages in your language selector on your website. They're often hard to read at smaller sizes, countries can have multiple major languages, and languages can span to various countries. Just put the name of the language in its native translation.
Reposted by Elaina
Bookshop has free shipping today (US only), so if you haven't grabbed the print version of my book, today might be a good day to order it. bookshop.org/p/books/incl...
Inclusive Design Communities
Check out Inclusive Design Communities - <p>What does it mean to be a member of a community? And how do we ensure that our communities-from classrooms to workplaces to meetups-are welcoming to all who...
bookshop.org
April 27, 2025 at 8:58 PM
Bookshop has free shipping today (US only), so if you haven't grabbed the print version of my book, today might be a good day to order it. bookshop.org/p/books/incl...
Reposted by Elaina
Chris Van Hollen flying down to El Salvador and refusing to leave until he got in a room with Kilmar Abrego Garcia blows up every other “well what do you expect them to do?” defense for elected Democrats
April 18, 2025 at 1:44 AM
Chris Van Hollen flying down to El Salvador and refusing to leave until he got in a room with Kilmar Abrego Garcia blows up every other “well what do you expect them to do?” defense for elected Democrats