Image
user avatar
Una 🇺🇦
@Una
Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 una.im
Brooklyn, NY
una.im
Born July 22
Joined November 2008
1,444
Following
88K
Followers
  • user avatar
    Una 🇺🇦
    @Una
    Feb 3, 2019
    This weekend I: ✅ Recorded a song about array methods ✅ Realized I have no life
    Image
    00:00
  • user avatar
    Una 🇺🇦
    @Una
    May 14, 2020
    🎉 Aspect Ratio just landed in Chrome Canary! 🎉 ➡️Check it out by enabling the experimental web platform features flag in version 84.0.4145.0 or later 👋🏽 Say your goodbyes to 56.25% and let me know if you find any bugs! 🐞
    old: `padding-top: 56.25%` new: `aspect-ratio: 16 / 9`
  • user avatar
    Una 🇺🇦
    @Una
    Oct 7, 2020
    This made my night
    Me: *makes. a small change to the CSS* My website: [image of face with eyeballs on glasses, lower than the nose]
  • user avatar
    Una 🇺🇦
    @Una
    Apr 17, 2021
    Have you seen the new flexbox debugging features in Chrome DevTools?! Prettttyyy darn cool developer.chrome.com/blog/new-in-de…
    Image
  • user avatar
    Una 🇺🇦
    @Una
    Mar 22, 2022
    `accent-color` is now supported in all modern browsers 🎉🎨 One line of code enables you to style previously-hard-to-access form controls like checkboxes and radio buttons body { accent-color: hotpink; } Works really nicely with the `color-scheme` property too!
    Image
    GIF
  • user avatar
    Una 🇺🇦
    @Una
    Jul 28, 2019
    Hello, you’ve been blessed with a good week by this happy puppo 🙏🐶 pass it on
    Dog sitting with tongue out and head tilted
  • user avatar
    Una 🇺🇦
    @Una
    Jun 5, 2024
    Yall. This is so cool!!! The text reflected in the raindrops with a shader 🤯 Real, searchable, translatable DOM content in the canvas. Stylable with regular CSS, too. 🤯🤯🤯 @fserb
    Image
    00:00
    Image
    00:43
    user avatar
    Fernando Serboncini
    @fserb
    May 24, 2024
    For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.
    332K
  • user avatar
    Una 🇺🇦
    @Una
    Sep 3, 2024
    I’ve been working on a little side project this year 👀 :first-child launching next month 🥰 Very excited for this new life chapter 🧡🌈🍂
    8 months pregnant
    Polaroids
    148K
  • user avatar
    Una 🇺🇦
    @Una
    Apr 23, 2018
    Hello! I made a little helper website for using CSS Grid in a progressively enhanced way 🤗 ✨ gridtoflex.com ✨ It showcases examples of layouts/components that use CSS grid and how to get them working in IE/Edge too!
  • user avatar
    Una 🇺🇦
    @Una
    Mar 9, 2020
    🌈 I'm back from vacation & have some news! 🌿 Today I'm joining the @googlechrome team as a Dev Advocate focused on CSS (and Web UI) best practices / new technologies! I've officially managed to turn my side project into my day job 😱 I can't wait to learn from my new team!
  • user avatar
    Una 🇺🇦
    @Una
    Jan 11, 2018
    "Break out" of a parent's containing width to take the full screen of a page w/this nice utility class: ``` .full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } ```
  • user avatar
    Una 🇺🇦
    @Una
    Oct 26, 2020
    🤯🤯🤯 THIS IS A NATIVE BROWSER FEATURE!? 🤯🤯🤯
    user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Oct 26, 2020
    #HTML/#UX tip for today: Setting `autocomplete="one-time-code"` will allow your user to fill the input field with the auth code they've just received - without the need to manually copy it from a message.
    Image
    00:00
  • user avatar
    Una 🇺🇦
    @Una
    Jun 19, 2018
    Programming: Some days you're an architect, some days you're a janitor
  • user avatar
    Una 🇺🇦
    @Una
    Apr 23, 2021
    .lockdown { margin: 6ft; padding: 15lbs; position: couch; }