Issue #442

January 13, 2021

Friends,

Last week I mentioned the article “Are your Anchor Links Accessible?“ and I’ve mistakenly attributed it to Jeremy Keith. The author is Amber Wilson; she has a fantastic blog with plenty of great content, so make sure you check it out.

And a special thanks to everyone who pointed out my mistake.

Zoran Jambor

Headlines

The Future of CSS: Higher Level Custom Properties To Control Multiple Declarations

Bramus Van Damme gives an overview of Higher Level Custom Properties, properties that control a number of other CSS Properties.

Maximally Optimizing Image Loading for the Web in 2021

Malte Ubl outlines eight image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.

A Newsletter That Will Help You Grow in 2021

I’m running another newsletter called Inspiration Bits. The content is not technical but rather inspirational; it intends to initiate change bit by bit, person by person. It’s for the people who seek progress, who want to thrive and improve. It’s for you.

Get inspired

Articles & Tutorials

The Art of Building Real-Life Components

Ahmad Shadeed gives a detailed walkthrough to building a component with all its complexities and intricacies.

A Picture Element To Load Correctly Resized webp Images in HTML

Stefan Judis shares an HTML snippet to load responsive webp images.

Grids Part 2: Semantics

Sarah Higley dives into table and grid semantics, explains why they matter so much to screen readers and outlines some options for repairing or augmenting basic table markup.

Animating with Lottie

Idorenyin Udoh introduces the concept of rendering advanced animations on the web with Lottie.

Multi-Function Button

Adrian Roselli shows how you can make accessible multi-function buttons.

Master the Skill of Debugging CSS

Ahmad Shadeed wrote an ebook full of tips and techniques on how to debug CSS, which will help you significantly reduce the time you spend on debugging and fixing CSS bugs.

Use the coupon code “cssweekly” at checkout to get a 15% discount.

Buy now

Tools

Front-End Performance Checklist 2021

An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.

Check it out