Una 🇺🇦 retweetledi
View Transitions just got simpler with Next.js 16.2.
<𝙻𝚒𝚗𝚔> now has a 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚃𝚢𝚙𝚎𝚜 prop. Tag your navigation with a type, and <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> picks the right animation.
English
Una 🇺🇦
31K posts
Una 🇺🇦
@Una
Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f
Brooklyn, NY Katılım Kasım 2008
1.4K Takip Edilen88.2K Takipçiler
@frank_chimero @benjitaylor Check out VisBug from @argyleink chromewebstore.google.com/detail/visbug/…
English
Browsers have developer tools. They need designer tools, too. Would be cool if someone made a browser plugin to visually manipulate the DOM with familiar handles. Waiting for that a ha “Firebug” moment. Agentation from @benjitaylor is a great first approach at this.
English
@Una Do you use any of the negative feedback features? I've been trying more often to click "Not Interested -> Isn't Relevant" to hopefully downrank certain topics more forcefully. (Though the "See less of this person" truly seems to do nothing.)
English
The secret to fixing your "For you" feed is not just following people, it's interacting with the type of content you want to see more of.
So skip through things you don't want to see and heart/bookmark/repost/reply to the type of thing you want to see more of.
This is how I fixed my feed.
English
I've curated mine to mostly be interaction design right now and it's quite heavy with it. I'm telling you its not about following people it's about interacting with the type of content you want to see more of. You can start with searching the type of content you want to see (i.e. "new CSS feature") and then liking that
English
@Una How much web dev do you see in For You? It doesn’t show me such stuff in the first place, so I can’t discover and interact with it.
English
@LiveLongAndCSS Indeed, you have to just skip through it and really emphasize the things you want to see more of.
English
@Una They purposefully try to introduce antagonistic things too, though, bc this is a Nazi platform
English
@Una reasonable... but... how did the feed get screwed up in the first place!? :)
English
Literally made me laugh out loud. Love this, reminds me of Pixar 😆
Petr Knoll@iampetrknoll
fun little blog filters with css anchor positioning
English
@Anoesj @rebane2001 You are correct. I talk about a workaround in my follow up post.
English
@Una @rebane2001 Oh no! I thought it had multiple params in an earlier iteration? Only black/white as a result is... strange API design.
English
contrast-color() is landing in Chrome 147, making it Baseline Newly Available in all modern browsers.
This feature takes any color value and returns either black or white—whichever provides the highest contrast against the input color.
i.e. color: contrast-color(purple) returns white ⬇️
English
@Una What I would really love to see is the ability to pass in a color and have it lightened or darkened just enough to have accessible contrast
English
Tomorrow I'll show you some contrast-color() hacks for better control over your color palette selection
Una 🇺🇦@Una
contrast-color() is landing in Chrome 147, making it Baseline Newly Available in all modern browsers. This feature takes any color value and returns either black or white—whichever provides the highest contrast against the input color. i.e. color: contrast-color(purple) returns white ⬇️
English
@Una but using it inside color-mix(), there’s a chance the contrast level shift and negate its purpose?
English
While contrast-color() only returns black or white, there are workarounds!
If you register a new custom property, you can use style queries for full color palette customization (but make sure to test the contrast yourself!)
Another technique is using the contrast-color() value inside of color-mix() to provide a tint variant.
This demo shows method 1 where you can get warmer light colors and blue-tinted darks instead of pure black and white.
Cons: Firefox doesn't support style queries yet so browser support is limited for now (though it is an Interop 2026 feature!).
English
@interplato It shows the wrong color half the time and might be inaccessible
English
@Una What’s the fallback behaviour if Firefox doesn’t support it?
English
It would be helpful if you could point out the shortcomings of the existing algorithm.
webkit.org/blog/16929/con…
Una 🇺🇦@Una
contrast-color() is landing in Chrome 147, making it Baseline Newly Available in all modern browsers. This feature takes any color value and returns either black or white—whichever provides the highest contrast against the input color. i.e. color: contrast-color(purple) returns white ⬇️
English
