Issue #520

Ahmad Shadeed explains how container queries work, how you can use them, and what the syntax looks like, and shares a few real-life examples and use cases.

Jhey Tompkins introduces :modal, a handy pseudo-selector that gives you a way to select elements that are “modals.”

Join us at An Event Apart Denver this coming October 10–12 for three days of expert sessions to raise your skill set to the next level. Topics include new CSS features, design system tooling, accessibility, responsive animation, global design, allying UX with SEO, and more. As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

Harry Roberts explains why in practice, in the real world, critical CSS often falls short as a fragile and expensive technique to implement and seldom provides the benefits that many developers expect.

Kitty Giraudel shows how to author a component for hiding content behind a warning.

Lu Wang explains how and why to alter the properties of running CSS animations when building an interactive CSS game.

Karolina Szczur outlines four proven methods to help you find and correct performance issues holding your page back.

Ashlee M Boyer explores when you should use a button and when a link.

A weekly newsletter for senior React developers willing to stay up-to-date. This newsletter is different: it assumes you already know React and just want to keep up with the most relevant news. Open-minded content: JavaScript, TypeScript, CSS, Web APIs, Mobile, Browsers, Serverless, Build Tools…

A practical overview of the current browser versions and release notes as site, feed, or API.

An online tool that lets you seamlessly visualize your JSON data instantly.

Yusuke Nakaya created a stunning animation using only CSS.