Links
When to Nest CSS
CSS nesting is great, but should be used with caution. As a rule, if a selector will work without being nested, don’t nest it. However, there are certain situations where nesting can make things easier to understand.
The picture element for unexpected art direction
What I wasn't expecting was that changing the image for light and dark themes is also art direction, and therefore a good use for the
picture
element.
There aren't really big gaps in OKLCH where it just doesn't render any color at all
they are rather “out of range” for the color model, but there is built-in browser magic in place that pulls the values back into range. It picks the best I know what you meant color match.
An Anchored Navbar Solution
Revisiting a CSS trick I wrote about in 2022 and re-doing it using a new CSS feature.
Textareas with auto-increasing height using CSS
An experimental CSS rule with
form-sizing
property is coming that will let you increase the height of thetextarea
automatically based on the amount of text the user enters.
Videos
Style Recalculation Secrets They Don't Want You To Know
How do browsers actually recalculate styles when webpages change? Can the way you write CSS impact the speed of the recalculation process?
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.