English
Una 🇺🇦
Report

Una 🇺🇦✓

@Una

Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f

1.4K Following87.7K Followers31.1K Posts
  1. 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 🧵
    11405.6K
  2. Runway Labs✓@runwayml_labs
    We’ve been experimenting with responsive generative video interfaces. Real-time video models are reshaping responsive design. A thread 🧵
    Download
    621521.4K325K
  3. Una 🇺🇦✓@Una
    Luckily modern CSS can handle this 🙏
    ˗ˏˋmewtru´ˎ˗ @trunarla
    Me as a developer seeing the new iPhone duo 😩
    11220120.1K
  5. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @laparisa: 📢 @googlechrome is moving to a 2 week release cycle! More in 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! 💪
    0250230
  6. 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? 🫣
    10534.2K
  7. 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 🙏
    Download
    75677725.3K
  8. Una 🇺🇦✓@Una
    Posts @Una
    ^ this is why I couldn’t make it to @RenderATL this year! Looks like y’all are having a lot of fun 💜
    00101.7K
  9. 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 }, };
    10486.8K
  10. 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 }, };
    Download
    121740019.7K
  11. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @jaimintf: 25 loading buttons, open-source animated motion collection 13 webgl, svg/canvas/css, responsive, replayable, zero dependencies comment "LOADER" and i'll send you the npm + react native package
    0570254
  12. Una 🇺🇦✓@Una
    Neat! Leveraging AI skills is a nice way to make it less tedious to refactor your UI systems to be more modern and flexible. Just be sure to test the results 👀
    Florian @flornkm
    Excited to publish my first skill: Prefer Container Queries It makes components respond to their container's width, not the viewport - so the same component adapts anywhere you drop it. npx skills add flornkm/skills
    01264.6K
  13. Florian✓@flornkm
    Excited to publish my first skill: Prefer Container Queries It makes components respond to their container's width, not the viewport - so the same component adapts anywhere you drop it. npx skills add flornkm/skills
    Download
    31661.7K79.2K
  14. Una 🇺🇦✓@Una
    Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀
    Una 🇺🇦 @Una
    Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a "real" feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
    81520721.2K
  15. Una 🇺🇦✓@Una
    Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a "real" feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)
    Download
    771181.5K93.4K
  16. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @davidhaz: Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵
    06610206
  17. Una 🇺🇦✓@Una
    Good to see you again, friends 🙂
    40673.9K
  18. Una 🇺🇦✓@Una
    Finally
    Nikita Bier @nikitabier
    We're rolling out a small tweak to boost visibility of your posts to your mutuals (people who you follow back). We noticed this data was missing from the algo and it made your friends appear less in your replies. This resulted in the reply section feeling more like a battleground with people you don't recognize. This should also help clusters form around interests more easily, which many people have asked for.
    40366.1K
  19. Nikita Bier✓@nikitabier
    We're rolling out a small tweak to boost visibility of your posts to your mutuals (people who you follow back). We noticed this data was missing from the algo and it made your friends appear less in your replies. This resulted in the reply section feeling more like a battleground with people you don't recognize. This should also help clusters form around interests more easily, which many people have asked for.
    9K4.2K39.1K9.9M
  20. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @JosephArhar: Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts?
    0160285
  21. Una 🇺🇦✓@Una
    Does anyone @Shopify know why you can't sell things in fractions (i.e. 0.5, 0.25)? Seems like a basic platform feature but apparently the only way to do this is via paid apps that are expensive and don't work well. The fabric/sewing community is very upset about this. WHY is this an issue?
    1715330.8K
  23. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @ChallengesCss: 📝 New CSS Article! I wrote about border-shape. A super powerful feature! You might think I'm exaggerating but I am not. This is just a tiny overview of its potential. Stay tuned for more articles/demos that will blow your mind!
    0110304
  24. Una 🇺🇦✓@Una
    Una 🇺🇦
    RT @ByEdgarNavarro: Hey Designers! This talk by @Una on modern UI patterns for a better user experience on the web during CSS Day 2026 is definitely worth watching.⭐️
    020337
  25. Una 🇺🇦✓@Una
    Agentic shopping demos are the Soylent of AI 😂 This is so spot on @syntaxfm
    11276.6K