Links

Truth, Lies and Progress Bars
I asked a member of the engineering team, “How is progress calculated?”
“Oh, it’s complete nonsense,” they replied with a chuckle.
The progress bar filled every few seconds, regardless of actual progress… Once the operation actually finished, progress jumped from wherever it happened to be to 100%…
I was young, naive, and a little appalled by this explanation. “You’re lying to the user?” I thought.
Functions in CSS?!
Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions.
Maybe don't use custom properties in shorthand properties
I've already written about how the fact that the initial value of a custom property is a guaranteed-invalid value can lead to unexpected results. Today, I realized how that can be problematic when you use custom properties in shorthand properties.
Why Do We Have a Cache-Control Request Header?
Learn how the
Cache-Control
request header works, how browsers handle refresh and hard refresh caching, and when developers should use it for realtime data and offline-first applications.
Videos

Wrapper Classes: A Layout Foundation
Hello my front-end friends, I have a blue background that is stuck here, and that's because all of my content is in my
<main>
element. I have one<main>
, everything's in there, and that<main>
currently has a width on it. I want my blue background to escape outside, so let's make that happen.
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.