Sandrina Pereira's Avatar

Sandrina Pereira

@sandrinap.dev

she/her. Staff Frontend Engineer turning ideas into accessible experiences. ⚡️ React • Design Systems • Accessibility @remote.com | prev @farfetch, @okTurtles https://www.sandrina-p.net/

880
Followers
144
Following
93
Posts
09.11.2024
Joined
Posts Following

Latest posts by Sandrina Pereira @sandrinap.dev

Preview
CSS Wrapped 2025 Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.

🎉 And we're live! 🎉

We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀

This is a big one! We highlighted 22 new features to help you build better on the web.

Check out: chrome.dev/css-wrapped-2025

08.12.2025 17:08 👍 132 🔁 59 💬 2 📌 7

Finally I’m able to explain why I’m an AI skeptical, thank you for writing this down. I know I’ll mention it often

10.01.2026 17:44 👍 4 🔁 0 💬 0 📌 0
Preview
AI optimism is a class privilege I think I have an idea why we're so extremely divided on AI: it's because we have an intuitive sense of who it stands to benefit, and who stands to pay the costs. I think whether you see reason for op...

I have a lot of thoughts on AI.

I've been working on this post for a couple of months now. It's very personal, characteristically lengthy, and sure to be at least somewhat controversial. Take it (or don't) as you will.

joshcollinsworth.com/blog/sloptim...

08.12.2025 20:59 👍 31 🔁 13 💬 3 📌 4
Comparison table showing WCAG vs EAA coverage across accessibility areas. EAA fully requires all listed areas; WCAG partially or does not cover several, including vendors, support, and usability.
The text under the table reads: So yes—you can pass WCAG AA and still fail to comply with the EAA’s digital product obligations.

Comparison table showing WCAG vs EAA coverage across accessibility areas. EAA fully requires all listed areas; WCAG partially or does not cover several, including vendors, support, and usability. The text under the table reads: So yes—you can pass WCAG AA and still fail to comply with the EAA’s digital product obligations.

So yes, you can pass WCAG AA and still fail to comply with the EAA’s digital product obligations...

The EAA goes beyond the technical compliance: it requires products to work seamlessly with assistive technologies and be usable across the full customer lifecycle. Not just pass UI-level checks.

18.08.2025 08:01 👍 60 🔁 21 💬 3 📌 1

front-end should wait less for backends to get started

make something desirable,
reduce state to a packet later

17.08.2025 03:42 👍 69 🔁 1 💬 9 📌 0
A screenshot from Chrome's DevTools showing the list of suggested values for the 'container-type' property which are: anchored, inline-size, normal, scroll-state, size, inherit, etc.

A screenshot from Chrome's DevTools showing the list of suggested values for the 'container-type' property which are: anchored, inline-size, normal, scroll-state, size, inherit, etc.

Container queries aren't about size anymore. Now we have style, scroll-state, anchored, and who knows what's coming? 🤩

11.08.2025 05:47 👍 58 🔁 8 💬 1 📌 0
A line chart with vibe on the Y axis and understanding on the X axis with a downwards diagonal line

A line chart with vibe on the Y axis and understanding on the X axis with a downwards diagonal line

A helpful graph made by @stevekrouse.com on the inverse relationship between vibes and understanding in AI assisted code.

Put a few thoughts down here: maggieappleton.com/2025-08-vibe...

Original article: blog.val.town/vibe-code

02.08.2025 12:23 👍 73 🔁 11 💬 2 📌 1

I figured out when I like vibe coding:
- It’s not important business code
- or it’s not to be reusable by others
- or it’s just throw away code
Basically, vibing is for low-risk boring tasks 🤷

02.08.2025 12:06 👍 20 🔁 2 💬 0 📌 0

Private lists I mean. 🫣

28.07.2025 00:26 👍 3 🔁 0 💬 0 📌 0

I’m forced to still check X because the content is still there.
Here is too quiet and the lack of custom lists makes it harder to find content faster.
And yes, AI is overwhelming. Nobody cares about the new CSS conditionals (without JS!)

28.07.2025 00:22 👍 3 🔁 0 💬 1 📌 0

#ChangeMyView AI doesn't make a bad engineer better. It will only make them faster at pushing AI code.

26.07.2025 19:59 👍 6 🔁 0 💬 1 📌 0
Full-stack forms with JSON Schemas - Sandrina Pereira | JSHeroes 2025
Full-stack forms with JSON Schemas - Sandrina Pereira | JSHeroes 2025 YouTube video by JSHeroes

If you struggle to handle many forms at scale, perhaps my talk can inspire you! Full-stack forms with JSON Schemas ⚡️
PS. The conf @jsheroes.io was rad 10/10!

15.07.2025 14:32 👍 8 🔁 0 💬 0 📌 0
Meme with the title: Do you ever look at stuff and wonder how it got there... then pictures of a car on top of a tree, a horse stuck in a fence, a cat trapped on window blinds, and some HTML with the code for a Tailwind button

Meme with the title: Do you ever look at stuff and wonder how it got there... then pictures of a car on top of a tree, a horse stuck in a fence, a cat trapped on window blinds, and some HTML with the code for a Tailwind button

13.07.2025 04:24 👍 110 🔁 26 💬 1 📌 2

I wish! Maybe next year

15.06.2025 21:03 👍 2 🔁 0 💬 0 📌 0

Yes I do 🌿

01.06.2025 14:53 👍 5 🔁 0 💬 0 📌 0

Sad but true 🥲

01.06.2025 12:27 👍 2 🔁 0 💬 2 📌 0

Fair you got me, I’m a liar 🙃

01.06.2025 12:12 👍 2 🔁 0 💬 1 📌 0

No, I was serious, this is production code :p

01.06.2025 12:10 👍 8 🔁 0 💬 2 📌 0

Do you mean the div soups?

01.06.2025 09:37 👍 8 🔁 0 💬 1 📌 0

<div onClick={router.push(‘/login’)}>login</div>

01.06.2025 07:28 👍 22 🔁 1 💬 3 📌 1
A drawing with key topics of my talk. Done live during the talk!

A drawing with key topics of my talk. Done live during the talk!

I had so much fun today at @jsheroes.io talking about full-stack Forms with JSON Schemas! And got a sketch out of it, how cool!! ✨✨
Thanks a lot #JSHeroes2025, incredible vibes! 🐻

29.05.2025 14:25 👍 14 🔁 0 💬 0 📌 0

LeviosÁr!! ✨

29.05.2025 09:23 👍 2 🔁 0 💬 1 📌 0

I'll be at @jsheroes.io talking about handling Forms at scale with JSON Schemas. Based on a true story at Remote.com 💥
Get a ticket and come join us!

13.05.2025 08:11 👍 6 🔁 0 💬 0 📌 0
JSX Over The Wire — overreacted Turning your API inside-out.

⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...

15.04.2025 15:54 👍 279 🔁 51 💬 30 📌 15
Preview
The Post-Developer Era • Josh W. Comeau When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s ...

✨ In March 2023, I published an article about AI.

This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.

Well, it’s been 2 years! So, I just published a follow-up:

14.04.2025 15:11 👍 174 🔁 36 💬 10 📌 7

No idea what’s new. Been enjoying my JOMO 🙈

10.04.2025 22:36 👍 4 🔁 0 💬 0 📌 0

Yes, who knows!

02.03.2025 08:51 👍 2 🔁 0 💬 0 📌 0

Who’s joining JSHeroes? I’ll be there talking about… forms with JSON Schemas ⚡️

01.03.2025 21:08 👍 4 🔁 0 💬 1 📌 0

So… what have you learned in 2025 so far? I haven’t catch up with tech social this year. And it feels… strange. #JOMO

15.02.2025 15:44 👍 2 🔁 0 💬 0 📌 0
Preview
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025 Toolbelt worthy, powerful, and meaningful CSS you&#39;ll need for 2025.

6 #CSS Snippets Every Front-End Developer Should Know In 2025

nerdy.dev/6-css-snippe...

19.01.2025 21:28 👍 237 🔁 44 💬 11 📌 6