Links
Brand New Performance Features in Chrome DevTools
This guide covers some modern web performance features of Chrome DevTools, with a focus on the new Performance Panel features which helps you optimize Core Web Vitals and improve your general web performance.
My under-engineered way to avoid a Flash of inAccurate coloR Theme (FART)
I’m still seeing some folks use ways to restore a user’s selected theme on websites that are, in my eyes, too complex. Cookies and headers? Delayed render? Edge functions? Nah, I’m too lazy for that. One line of JavaScript in the
<head>.
Captured Custom Properties
In a few of my latest CSS experiments and articles, I used one naming pattern for registered custom properties that I think worth highlighting in a separate blog post. This pattern allows us to create a set of generic custom properties, covering a wide set of use cases for computing and storing their values.
Should form labels be wrapped or separate?
Is it strictly necessary for form fields and labels to have for/id association, or is it enough to wrap the label around the input? The answer is, Wrapping is enough in theory, but isn’t quite in practice.
An enhancement to accessible responsive tables
I’ve written about accessible responsive tables before but something has been bugging me. So here’s another step to make those tables even better.
Videos
GIFs Are Forever, Let’s Make Them Better
Everyone loves animated GIFs, right? Not if you have finite bandwidth, a shaky network connection or motion sensitivity! But fear not… modern browsers make it easier than ever to level up our GIF game!
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.