Latest Articles

Direct link to the article Solved by CSS: Donuts Scopes

Solved by CSS: Donuts Scopes

Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024’s @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance while managing global CSS complexities.

Direct link to the article Invoker Commands: Additional Ways to Work With Dialog, Popover… and More?

Invoker Commands: Additional Ways to Work With Dialog, Popover… and More?

Web browsers are experimenting with two HTML attributes — technically, they’re called “invoker commands” — that are designed to invoke popovers, dialogs, and further down the line, all kinds of actions without writing JavaScript. Although, if you do reach for JavaScript, the new attributes come with some new events that we can listen for.

Avatar of Daniel Schwarz
Daniel Schwarz on
Keep browsing in the archives

Collections

Classic Tricks

Timeless CSS gems

Latest CSS Guides

Dive deep into CSS features and concepts

Fresh From the Almanac

Properties, selectors, rules, and functions!