Issue #459

May 11, 2021

Container Queries: a Quick Start Guide

David A. Herron explains what container queries are, how they work, and what other features they might come with once fully supported in browsers.

Miriam Suzanne shares her proposal for container queries, which works by applying size & layout containment to the queried elements.

Master the Skill of Debugging CSS

Ahmad Shadeed wrote a book 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.

Learn More

Articles & Tutorials

Two Options for Using Custom Properties

Peter-Paul Koch outlines two completely opposite ideas about the use of CSS custom properties.

Dynamic CSS Masks with Custom Properties and GSAP

Michelle Barker demonstrates how to animate CSS masks based on the cursor position using GSAP and custom properties for a unique spotlight effect.

Creating Colorful, Smart Shadows

Kirupa Chinnathambi shows how to create a shadow effect that inherits some of the colors from the foreground element.

New WebKit Features in Safari 14.1

Jon Davis gives an overview of new features available in Safari: Flexbox Gap Support, CSS Individual Transform Properties, Paint Timing API, and more.

Auditing Design Systems for Accessibility

Anna E. Cook explains how to create a design system with baked-in accessibility and how to find & audit accessibility issues in your existing design systems.

Polypane — Build Responsive & Accessible Websites 5x Faster

Polypane is a standalone browser to guide your web development workflow every step of the way with built-in tools for responsive design, accessibility, meta information, and so much more.

Try Polypane for free