Una Kravets  Verified account

@Una

Making the web more stylish ✨🎨 CSS, UI & DevTools + 🦄 Host of , , & Designing in the Browser 🎬 she/her

Brooklyn, NY
una.im
Joined November 2008
Born July 22
2,277 Photos and videos Photos and videos

Tweets

You blocked @Una

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @Una

  1. Aug 6

    ✅ Checking off the bucket list 🚁

    17 replies 318 likes
    Undo
  2. Retweeted
    Aug 6

    `:focus-visible` Lets the browser decide whether or not to show focus Video shows the difference between `:focus` and `:focus-visible` when Javascript is used to focus buttons after mouse interaction tldr; less concerns / better UX Learn more

    16 replies 196 retweets 928 likes
    Undo
  3. Aug 5

    Really going all-in on this TikTok thing 😂 Hope this can reach some web dev students who aren’t jaded about centering things like the rest of us

    12 replies 32 retweets 273 likes
    Undo
  4. Aug 4

    Cool things you can do with the CSS Paint API! 😎 Check out for more ⬇️⬇️

    5 replies 73 retweets 377 likes
    Show this thread
    Show this thread
    Undo
  5. Retweeted
    Aug 4

    📝 Writing good alt text isn't always straight-forward. helped me out with a particular example by explaining how emotion matters

    9 replies 92 retweets 275 likes
    Undo
  6. Retweeted
    Aug 4

    🔥😮 CSS variables can be used *within CSS keyframe animations*! Here, 3 boxes use the same “bounce” animation, but bounce by different amounts by each defining their own “--bounce-height” value 😄 Code:

    20 replies 181 retweets 1,235 likes
    Show this thread
    Show this thread
    Undo
  7. Retweeted
    Aug 4

    It seems like a very common practice now to define the color palette in CSS using custom properties mapped to hexadecimal values. That's suboptimal. I highly recommend to use a functional syntax instead so that you can easily change the alpha value if needed.

    25 replies 72 retweets 758 likes
    Undo
  8. Retweeted
    Aug 3

    Devs on the job hunt: you're in really high demand right now. You should be interviewing them just as much as they are interviewing you. Ask them about benefits. Ask them about company culture. Ask them to implement a string-to-integer conversion algorithm on their whiteboard.

    27 replies 185 retweets 1,357 likes
    Show this thread
    Show this thread
    Undo
  9. Aug 3

    I just saw the UI DevTools vision deck for the next few months, and YALL. It’s SO GOOD. Get excited 🥳🥳🥳 What do you want to see land in DevTools?

    20 replies 2 retweets 60 likes
    Undo
  10. Aug 3

    WE FINISHED SEASON 2! 🤯 Lists @-rules Media Queries Overflow Background Text Pointers N-match Shapes, Clipping++ Transforms Snap Points Containment Transitions Scroll-timeline Custom props :is(), & nesting Accessibility Keywords SVG Counters

    2 replies 11 retweets 117 likes
    Undo
  11. Aug 2

    I did it 🤭 Also accepting better username suggestions 😂

    6 replies 3 retweets 73 likes
    Undo
  12. Aug 2

    Generative blobs with the CSS Paint API 🦠

    2 replies 14 retweets 76 likes
    Undo
  13. Aug 1

    Saw some good sunsets this weekend 🌴🌅 All photos untouched, no filter, and don’t even begin to capture it 😍

    5 replies 141 likes
    Undo
  14. Retweeted
    6 Mar 2019

    Do what you love and you'll work super fucking hard all the time with no separation or any boundaries and also take everything extremely personally

    10 replies 469 retweets 1,899 likes
    Show this thread
    Show this thread
    Undo
  15. Jul 29

    Very happy that my employer is creating a safer work environment by requiring vaccines to work on-site

    23 replies 23 retweets 431 likes
    Undo
  16. Jul 28

    Mid-year browser updates: Compat Edition! ⚡️ Safari shipped gap property for flexbox 💥 Chromium fixed position: sticky table headers & tables as flex items ✨ aspect-ratio property now supported in Chrome, Edge & Firefox stable, Safari 15 beta More here

    2 replies 18 retweets 87 likes
    Undo
  17. Jul 27

    Fresh all about counters and @ًcounter-style just dropped! You can use counters to: 📑 Create styled outlines 🧮 Create custom list styles 🎯 Create CSS games(!)

    8 retweets 39 likes
    Undo
  18. Retweeted
    Jul 27

    🎉 The CSS Nesting spec has been approved for publishing as a First Public Working Draft. You can see the current Editor's Draft here: (This moves it from a theoretical proposal, to an official work-in-progress module in the CSS spec.)

    32 replies 538 retweets 1,577 likes
    Show this thread
    Show this thread
    Undo
  19. Jul 26

    How does Chrome render pixels on the screen? Learn all about RenderingNG from :

    Illustration to pixels on screen
    16 replies 265 retweets 1,131 likes
    Undo
  20. Retweeted
    Jul 26

    RenderingNG: overview of the architecture is here! Along with amazing illustrations from . They make a highly technical subject approachable to non-experts. Read on to find out how Chromium's rendering pipeline is organized for scalable performance.

    1 reply 6 retweets 16 likes
    Undo

@Una hasn't Tweeted yet.

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·