Issue #464

Georgi Nikolov shares a practical introduction to the CSS Paint API with hands-on examples.

Roel Nieskens explains how variable font letters actually change the way they look when shown in small or large sizes.

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.

Bramus Van Damme demonstrates how to create @supports rules to target the three major rendering engines.

Ollie Williams explores what we can and can’t do today with image-set().

Ryan Finni demonstrates how to create an effective hover interaction with JavaScript and CSS.

Ryan Mulligan shares how to position overlay elements using logical, readable properties and values.

Scott O’Hara explores how to disable a hyperlink accessibly.

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.

A Chrome DevTools extension that will help you inspect the CSS stacking contexts.

A lightweight, modular, JavaScript image and video lightbox gallery plugin available for React, Vue, Angular, and TypeScript.

Tiffany Choong created an impressive illustration of Retsuko from Aggretsuko using only CSS.