Issue #502

April 28, 2022

Building a Combined CSS-Aspect-Ratio-Grid

Nils Binder shows how to build a layout that consists of several rows where each row has two images with a fixed aspect ratio.

Cool Hover Effects That Use Background Properties

Temani Afif demonstrates how to create interesting hover effects using CSS background properties.

Master the Skill of Debugging CSS

A fantastic book by Ahmad Shadeed full of tips and techniques on how to debug CSS. It will help you significantly improve your CSS debugging skills.

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

Learn More

A Practical Guide to Aspect Ratio in CSS

A practical, hands-on guide to using aspect ratio in CSS where I explain how to maintain the proportional dimensions of an element without resorting to a padding hack.

Watch video

Articles & Tutorials

What If Our Sliders Actually Slid?

Jhey Tompkins explores putting an impractical whimsical spin on a well-known native element range input element.

Non-Interactive Elements With the Inert Attribute

Tim Nguyen explains how the inert attribute provides an efficient way to hide elements from assistive technology.

Evaluating Design System Adoption Using Custom CSS

Steve Dennis shares how the Castor design system team uses custom user CSS to easily audit component and design token usage in live products.

Progressive Enhancement and HTML Forms: use FormData

Bramus Van Damme shows how to apply progressive enhancement to forms using the FormData interface.

My Weekly Engineering Report

A fantastic advice by Dave Rupert: “Proactively communicate as succinctly as possible what you’re working on, what problems you ran into, and what you’re working on next.”

beyond tellerrand in Düsseldorf 2022

Have you heard that #btconf is back in town? In Düsseldorf. Next week. Only 83 tickets left. Better late than not at all! Join us for a great line-up, two enjoyable, exciting and inspiring days with nice people and don’t miss the fun.

Grab a spot now!