Elaina
@elaina.bsky.social
Designer, gif-enthusiast. Currently @thoughtbot.com. Formerly @bostonglobe.com.
https://www.elainanatario.com/
https://www.elainanatario.com/
Reposted by Elaina
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Bug for me, feature for thee. (BUT ALSO LET ME UNSUBSCRIBE FROM NYC VESSEL NEWS PLEASE I KNOW ENOUGH)
December 11, 2025 at 8:14 PM
Bug for me, feature for thee. (BUT ALSO LET ME UNSUBSCRIBE FROM NYC VESSEL NEWS PLEASE I KNOW ENOUGH)
Reposted by Elaina
CSS Wrapped is a super fun website that shows off the latest and greatest CSS features: chrome.dev/css-wrapped-...
The website's got some fun light/dark mode action going on too!
The website's got some fun light/dark mode action going on too!
December 9, 2025 at 2:57 PM
CSS Wrapped is a super fun website that shows off the latest and greatest CSS features: chrome.dev/css-wrapped-...
The website's got some fun light/dark mode action going on too!
The website's got some fun light/dark mode action going on too!
Reposted by Elaina
🦊
“Artificial intelligence isn’t going anywhere. It’s the future.”
I hear that line a lot. The thing is, futures are tricky.
ethanmarcotte.com/wrote/the-li...
“Artificial intelligence isn’t going anywhere. It’s the future.”
I hear that line a lot. The thing is, futures are tricky.
ethanmarcotte.com/wrote/the-li...
The line and the stream. — ethanmarcotte.com
“Artificial intelligence is the future,” they tell me. The thing is, futures are tricky.
ethanmarcotte.com
November 21, 2025 at 3:05 PM
🦊
“Artificial intelligence isn’t going anywhere. It’s the future.”
I hear that line a lot. The thing is, futures are tricky.
ethanmarcotte.com/wrote/the-li...
“Artificial intelligence isn’t going anywhere. It’s the future.”
I hear that line a lot. The thing is, futures are tricky.
ethanmarcotte.com/wrote/the-li...
Reposted by Elaina
Not sure how I missed that HTML details elements can act as an accordion now, but they can. developer.mozilla.org/en-US/blog/h...
Exclusive accordions using the HTML details element | MDN Blog
The 'name' attribute of the HTML details element is gaining more support across browsers. Learn how this feature allows creating exclusive accordions without scripting widgets from scratch.
developer.mozilla.org
November 19, 2025 at 9:34 PM
Not sure how I missed that HTML details elements can act as an accordion now, but they can. developer.mozilla.org/en-US/blog/h...
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
