- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
With classes, we can send CSS static values but with custom properties we can send dynamic ones, which is a major shift in the way we can style state. This is something that has been true for some time—and is extremely well supported—but sometimes it takes solving a small real-world problem to make you appreciate the value of it.
I think we still haven’t come to fully appreciate the superpower of custom properties: dynamic values that are shared between CSS and JavaScript.
I agree with the reasoning here—a new display value would be ideal.
There’s a broader point here about declarative design:
Setting very specific values may feel like you’re in more control, but you’re actually rescinding control by introducing fragility in the form of overly-specific CSS.
A little fix for Safari.
The joy of getting hands-on with HTML and CSS.
Separate your concerns.
Why do I like fluid responsive typography? Let me count the ways…
A clever technique I learned from Trys.