Elaina's Avatar

Elaina

@elaina

Designer, gif-enthusiast. Currently @thoughtbot.com. Formerly @bostonglobe.com. https://www.elainanatario.com/

128
Followers
230
Following
32
Posts
08.06.2023
Joined
Posts Following

Latest posts by Elaina @elaina

I once had a psychiatrist distinguish between depression and demoralization. Basically I was having a rational response to my life’s (and the world’s) circumstances. I’m not sure she was right in that instance but it’s a useful distinction

10.03.2026 18:13 👍 34 🔁 3 💬 2 📌 3
Preview
I am in an abusive relationship with the technology industry Some things I'm struggling with in the technology industry, an appreciation for folk music, and some other thoughts.

I wrote about some things I'm struggling with in the technology industry, preceded by an appreciation for folk music.

06.03.2026 15:37 👍 190 🔁 52 💬 21 📌 17

but what if we just make it a div and call it a day eric

14.01.2026 17:38 👍 5 🔁 0 💬 0 📌 0
Preview
Introducing CSS Grid Lanes It’s here!

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

webkit.org/blog/17660/i...

19.12.2025 21:33 👍 281 🔁 70 💬 12 📌 13
Video thumbnail

Bug for me, feature for thee. (BUT ALSO LET ME UNSUBSCRIBE FROM NYC VESSEL NEWS PLEASE I KNOW ENOUGH)

11.12.2025 20:14 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

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!

09.12.2025 14:57 👍 16 🔁 2 💬 1 📌 1
Preview
The line and the stream. — ethanmarcotte.com “Artificial intelligence is the future,” they tell me. The thing is, futures are tricky.

🦊

“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...

21.11.2025 15:05 👍 87 🔁 31 💬 9 📌 9
Preview
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.

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...

19.11.2025 21:34 👍 11 🔁 1 💬 2 📌 1
Post image Post image

ladies and gentlemen...we got him

30.10.2025 19:10 👍 18328 🔁 4054 💬 170 📌 186

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"

30.10.2025 18:43 👍 0 🔁 0 💬 0 📌 0

View transitions are in every browser now ✨

14.10.2025 18:42 👍 236 🔁 44 💬 2 📌 6
Preview
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

"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...

02.10.2025 17:03 👍 34 🔁 12 💬 0 📌 0
Preview
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.

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-...

18.09.2025 15:05 👍 47 🔁 11 💬 0 📌 1
Post image

👀 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...

02.09.2025 14:26 👍 202 🔁 41 💬 3 📌 13
Preview
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.

"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...

20.08.2025 15:51 👍 53 🔁 15 💬 3 📌 0
Preview
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.

🚀 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

12.08.2025 13:07 👍 26 🔁 7 💬 1 📌 1
Preview
You might not need Bourbon Replacing our beloved Sass tool set with native CSS.

YES! Love this. I think the only thing I'm using Sass for at this point is partial-ing/compiling my CSS into one file and to have breakpoint variables.

Last year, we sunsetted our Bourbon library and wrote about how to leverage native CSS in lieu of those helpers.
thoughtbot.com/blog/you-mig...

12.08.2025 13:55 👍 2 🔁 0 💬 0 📌 0
Preview
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.

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...

29.07.2025 19:30 👍 74 🔁 17 💬 4 📌 0
Preview
Vibe code is legacy code Updates and articles from the Val Town team

Vibe code is legacy code

blog.val.town/vibe-code

30.07.2025 22:37 👍 103 🔁 32 💬 9 📌 3
Preview
Jason ✨👾SaaStr.Ai✨ Lemkin (@jasonlk) .@Replit goes rogue during a code freeze and shutdown and deletes our entire database

This thread is incredible.

20.07.2025 15:01 👍 4164 🔁 1221 💬 311 📌 622

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.

16.07.2025 15:19 👍 33 🔁 3 💬 2 📌 0

Eric this should just be muscle memory from typing out those
~*~DeEp aWaY mEssaGes~*~

24.06.2025 19:24 👍 2 🔁 0 💬 0 📌 0

omg

18.06.2025 18:42 👍 1 🔁 0 💬 0 📌 0

oh should i stop incorporating rocks into my daily diet now

18.06.2025 18:20 👍 1 🔁 0 💬 1 📌 0
Video thumbnail

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.

17.06.2025 16:51 👍 28444 🔁 11135 💬 2159 📌 1836
Preview
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 ...

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...

16.06.2025 19:16 👍 160 🔁 48 💬 3 📌 6
The word product on a beige background with a ligature between the c and t glyphs.

The word product on a beige background with a ligature between the c and t glyphs.

The word stories on a beige background with a ligature between the s and t glyphs.

The word stories on a beige background with a ligature between the s and t glyphs.

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).

11.06.2025 16:23 👍 3 🔁 0 💬 1 📌 0
Video thumbnail

Ohmygod I found another one

11.06.2025 14:13 👍 0 🔁 0 💬 0 📌 0
Preview
I just want to click the button Intuition often wins over familiarity.

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-...

11.06.2025 13:43 👍 3 🔁 0 💬 2 📌 0

I beg of you all to write CSS

09.06.2025 16:02 👍 183 🔁 25 💬 12 📌 1