Una 🇺🇦

Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬

[Una 🇺🇦 @Una]

@zerospree Oh dang thanks for the heads up I forgot that existed

[Una 🇺🇦 @Una]

Cute! I love stuff like this

[CodePen.IO @CodePen]

https://t.co/nuXXdKMO3D

What a nice library. One script tag. Web components that work everywhere. Shimmy shimmy shake.

[Una 🇺🇦 @Una]

@MichelleBakels Glowing ✨

[Una 🇺🇦 @Una]

This is a solid use of touchscreen on a laptop

[Ale (pikacodes) @pikacodes]

Mobile devs this one’s for you: test your apps directly on the MacBook Pro’s touchscreen!!!! 👆📲

[Una 🇺🇦 @Una]

Wow this is awesome

[Runway Labs @runwayml_labs]

We’ve been experimenting with responsive generative video interfaces. Real-time video models are reshaping responsive design. A thread 🧵

[Una 🇺🇦 @Una]

@wesbos Wow this is legit

[Una 🇺🇦 @Una]

Luckily modern CSS can handle this 🙏

[˗ˏˋmewtru´ˎ˗ @trunarla]

Me as a developer seeing the new iPhone duo 😩

[Una 🇺🇦 @Una]

@adamwathan Oh wow congrats!! This is awesome

[Parisa Tabriz @laparisa]

📢 @googlechrome is moving to a 2 week release cycle! More in https://t.co/C8ZQno3u6D

Also, a short history on browser update frequency:
• 2001: MSFT shipped IE6 & didn't release a major update for 5+ YEARS! Safari updated ~annually
• 2010: Chrome commits to 6-week releases & automatic updates. (People called us crazy.)
• 2021: Chrome updates to 4-week releases. (People said it was too fast.)
• 2026: Chrome goes to 2-week releases. (Opinions TBD :)

Release early, release often for fresher features and faster fixes... especially important with AI vuln discovery! 💪

[Una 🇺🇦 @Una]

Had one of those intensely vivid pregnancy dreams but it was about responsive UI patterns for supportive context… (weird, I know)

Might write a blog post.

Might have a baby.

Which will come first? 🫣

[Una 🇺🇦 @Una]

@blackgirlbytes 2 is perfect! They’re beautiful 🥰

[Una 🇺🇦 @Una]

@jebank Welcome to the team!

[Una 🇺🇦 @Una]

@MichelleBakels Ahhh! The best news! Congrats!

[Una 🇺🇦 @Una]

@Chepkeitany LOL same 😂

[Una 🇺🇦 @Una]

Big news!

For the past 9 months I’ve been running a fully-autonomous local agent for a pretty complex body building project. And I’m almost ready to deploy (any day now 🙂)!

Wish me luck for the launch 🙏

[Una 🇺🇦 @Una]

@blackgirlbytes Omg!!! Congrats! And good luck you got this 💪🏼💪🏼

We really did get the same timeline 😆

[Una 🇺🇦 @Una]

@guillermorodas Sisters 🥹🥹

[Una 🇺🇦 @Una]

^ this is why I couldn’t make it to @RenderATL this year! Looks like y’all are having a lot of fun 💜

[Una 🇺🇦 @Una]

Oooh this is a nice detail

[Gabriel @gabriell_lab]

Design Engineering Tip
Make hover interactions respond to where the cursor actually comes from.

Instead of revealing content with the same animation every time, detect the cursor entry direction and move the image + content accordingly. It makes a simple card feel much more spatial and responsive.

const direction = getDirection(event, ref.current);

const variants = {
top: { y: 20 },
bottom: { y: -20 },
left: { x: 20 },
right: { x: -20 },
};

[Una 🇺🇦 @Una]

@arknow91 Ooh love the interaction design here