Links
Interactive post on OKLCH color space | Little Things
OKlch operates in a perceptual color space, so transitions between colors are smoother and more visually accurate. When you interpolate between two colors in OKlch space, the resulting gradient respects how humans perceive changes in lightness, saturation (chroma), and hue. It’s not important to switch to OKlch but it’s important to understand how it works and what it unfolds.
Replacing React code with CSS :has selector
Looking into what the new CSS
:has
selector is and how it can be used to improve our React code. Includes practical and beautiful examples.
content-visibility: the new CSS property that boosts your rendering performance
The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to leverage this new CSS property for faster initial load times, using the auto keyword. You will also learn about the CSS Containment Spec and other values for content-visibility that give you more control over how your content renders in the browser.
CSS min() All The Things
Victor Ayomipo experiments with the CSS
min()
function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings.
I’ve Been Doing Blockquotes Wrong
You’ve probably used a
<blockquote>
when writing HTML. I know I’ve used literally hundreds of them. What I didn’t know is that I’ve been using them wrong all these years.
Videos
Someone wrote 1000+ pages of CSS... we had questions
CSS: The Definitive Guide is exactly 1126 pages, written by Eric Meyer and Estelle Weyl. As they both said, "We read the CSS spec so you didn't have to." We ask them a ton of CSS questions and they gave us a ton of CSS answers.
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.