RT Daniel Burka
Am writing a blog post about how user-centered design is often misapplied in healthcare. Am curious, if you had to explain user-centered design in 1-2 sentences, what would you write?
How to describe element’s natural sizing behavior
https://css-tricks.com/how-to-describe-elements-natural-sizing-behavior/
Here's @maxakohler with a way to write a hover effect with Inline CSS using CSS variables.
https://css-tricks.com/want-to-write-a-hover-effect-with-inline-css-use-css-variables/
Following up on an earlier post, @storykaboom shows that adding interactions to web components might be easier than you think.
https://css-tricks.com/interactive-web-components-are-easier-than-you-think/
Creating Custom Form Controls with ElementInternals by Caleb Williams
https://css-tricks.com/creating-custom-form-controls-with-elementinternals/
Maps Scroll Wheel Fix
https://css-tricks.com/maps-scroll-wheel-fix/
Imagining native skip links
https://css-tricks.com/imagining-native-skip-links/
Image Fragmentation Effect With CSS Masks and Custom Properties by Afif Temani
https://css-tricks.com/image-fragmentation-effect-with-css-masks-and-custom-properties/
It’s always the stacking context.
https://css-tricks.com/its-always-the-stacking-context/
Taming Blend Modes: `difference` and `exclusion` by @anatudor
https://css-tricks.com/taming-blend-modes-difference-and-exclusion/
RT Josh W. Comeau
So you know those super cool swirly gradients that Apple and Stripe has been using recently?
Evidently, they're called “mesh gradients”, and I found a tool to generate them ✨
https://meshgradient.com/
Time for Next-Gen Codecs to Dethrone JPEG
https://css-tricks.com/time-for-next-gen-codecs-to-dethrone-jpeg/
CSS :is() can be used to make selector lists more "forgiving." That and more in this week's platform news, courtesy of @simevidas.
https://css-tricks.com/platform-news-prefers-contrast-mathml-is-and-css-background-initial-values/
The Mobile Performance Inequality Gap
https://css-tricks.com/the-mobile-performance-inequality-gap/
RT Adam Argyle
```#css
color-mix()
color-contrast()
lab()
lch()
color()
```
ALL in Safari Tech Preview 122 🎉
Codepen CSS can drop the `in srgb` in Safari TP because they support the default `lch()` 🤓
Color Level 5 gettin love!
Adam Argyle: 🆕 mix colors in CSS in Firefox Nightly today!
```#css
background: color-mix();
```
draft spec Firefox is prototyping with
🕹 play with a **working** light/dark theme in this Codepen 💯
https://drafts.csswg.org/css-color-5/#color-mix
https://codepen.io/argyleink/pen/WNoWadG
Hey, before you start making that hover menu, @MRWweb has a few suggestions that might make you think of making a click menu instead.
https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/
Did You Know About the :has CSS Selector?
https://css-tricks.com/?p=336424
Handling User Permissions in JavaScript by Andreas Remdt
https://css-tricks.com/handling-user-permissions-in-javascript/
