Elaina's Avatar

Elaina

@elaina

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

127
Followers
230
Following
32
Posts
08.06.2023
Joined
Posts Following

Latest posts by Elaina @elaina

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 πŸ‘ 18327 πŸ” 4053 πŸ’¬ 171 πŸ“Œ 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 πŸ‘ 203 πŸ” 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 πŸ‘ 4163 πŸ” 1221 πŸ’¬ 312 πŸ“Œ 621

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 πŸ‘ 28458 πŸ” 11140 πŸ’¬ 2159 πŸ“Œ 1838
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

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.

03.06.2025 16:30 πŸ‘ 4 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
Preview
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?

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

03.06.2025 11:47 πŸ‘ 31 πŸ” 4 πŸ’¬ 3 πŸ“Œ 3