Una Profile Banner
Una 🇺🇦 Profile
Una 🇺🇦

@Una

Followers
88K
Following
42K
Statuses
30K

Making the web more stylish ✨🎨 Web UI DevRel Lead @Google 🦄 @csswg + @openuicg. #CSSPodcast host 🎬

Brooklyn, NY
Joined November 2008
Don't wanna be here? Send us removal request.
@Una
Una 🇺🇦
@Una
10 days
RT @argyleink: You can now see which value is the active value in min(), max() and clamp() - in Canary DevTools today - coming to Chrome s…
0
79
0
@Una
Una 🇺🇦
@Una
11 days
The images of text. The image maps. The holy grail layout. A casual link to homestarrunner!? Just *chefs kiss* internet nostalgia
Tweet media one
0
0
10
@Una
Una 🇺🇦
@Una
11 days
RT @smashingmag: 🎯 We are getting spoiled with so many new features involving animations with CSS, from scroll-driven animations to view tr…
0
12
0
@Una
Una 🇺🇦
@Una
11 days
Intent to ship for customizable select is out! It's happening!
@intenttoship
Intent To Ship
@intenttoship
16 days
Blink: Intent to ship: Customizable select
1
30
111
@Una
Una 🇺🇦
@Una
11 days
Prototyping if() statements in CSS! Wow this is huge 🥳
@intenttoship
Intent To Ship
@intenttoship
13 days
Blink: Intent to Prototype: CSS if() function
1
14
129
@Una
Una 🇺🇦
@Una
18 days
RT @BeJS_: Drumroll please… the full #ReactParis speaker lineup is here! We can’t wait to bring together the brightest minds in React on 20…
0
18
0
@Una
Una 🇺🇦
@Una
18 days
Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. It'll start rolling out next week in Chrome 133 🥰
2
25
130
@Una
Una 🇺🇦
@Una
18 days
Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week 🥰
7
30
188
@Una
Una 🇺🇦
@Una
19 days
RT @anatudor: Know the animated 🌈 border + glow effect that's all the rage? It's normally done by adding an opaque cover on top of two 🌈 la…
0
14
0
@Una
Una 🇺🇦
@Una
22 days
RT @devongovett: Yoooo CSS view transitions are incredible! This is like 100 lines. Wild. 🤯
0
75
0
@Una
Una 🇺🇦
@Una
23 days
@gregwhitworth Also my understanding is that some screen readers will read it and other will not. If that’s outdated I’m happy to revoke the warning :)
1
0
1
@Una
Una 🇺🇦
@Una
23 days
@SpriteXP No, urls won't work for security reasons (see spec notes): and
0
0
8
@Una
Una 🇺🇦
@Una
23 days
This seems like a small thing but I see this as a paradigm-shifting tool that aligns so well with how we already build front-end components! (Although I do want a few additional CSS features now that I've played with this a little bit...)
0
0
3
@Una
Una 🇺🇦
@Una
23 days
I'm working on a post about why I'm excited about this feature with some more examples between full-time mom-ing right now 🙂 stay tuned! In the meantime, @bramus has you covered with a great example using view-transition-name
@Una
Una 🇺🇦
@Una
23 days
attr() is getting an upgrade! Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings. Here's an example of where that's pretty cool. Given:
You can use data-rating as a numerical value with: attr(data-rating type() So in this demo, I'm using that value to show a fill percentage in the stars (as a background gradient with a mask). I'm also able to use this value as a string (which was possible before) to represent its content as a string in a pseudo element. Two for one!
Tweet media one
Tweet media two
1
0
18
@Una
Una 🇺🇦
@Una
23 days
@rossmorsali same
0
0
1