Links
Transition to `height: auto` & `display: none` Using Pure CSS
Find out how to easily transition to intrinsic sizes and trigger transitions when an element receives its first style update using new CSS features.
OKLCH in CSS: why we moved from RGB and HSL
The new CSS Color 4 specification has added the new
oklch()
notation for declaring colors. In this post, we explain why this is important for design systems and color palettes.
Relative Color Syntax — Basic Use Cases
As of last month, Firefox 128’s support of the relative color syntax means we’ve now got support across the board. I’m excited about that as it’s an extremely powerful way to manipulate colors in CSS. Plus it was part of Interop this year so that is further proof that is trucking along nicely.
Context is king: long live the king!
Want to provide extra context in accessible names for buttons, links and other controls while retaining design integrity? Ian Lloyd shares some techniques.
Videos
Start Over-Engineering Your CSS
In this talk we’ll dive into the benefits of going over the top and embracing complexity in our solutions. We'll explore how this can deepen our understanding of CSS and how complex solutions can sometimes be better than their simple alternatives, leaving us with robust solutions that are more useful than their simple alternatives.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.