Issue #637

Una Kravets introduces border-shape, a powerful upcoming CSS primitive that defines a custom border shape for an element.

Richard Rutter created an extensive guide to styling lists, covering list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols, and more to push your HTML and CSS lists to the next level.

BrowserStack's Accessibility DevTools does exactly that, catching WCAG violations as you code and routing fix suggestions through Copilot, Claude, or Cursor right where you're already working.

No context switching, no separate audit cycles. IBM research puts the cost of fixing accessibility post-release at 25x more than catching it in development. It's free and takes under a minute to install.

A brief guide on how to use CSS text-indent keywords, each-line and hanging to improve your typography.

Find out how to create native masonry layouts using CSS grid-lanes, how a single emoji character causes massive performance issues, how to style in-page search results, how the Geolocation HTML element works, and more.

Gunnar Bachelor examines the limitations of traditional DOM-based scrolling options, demonstrates how virtual scrolling enables more controlled scroll-driven interactions, and shows how to implement it responsibly.

Daniel Schwarz Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element.

Theo Plawinski shows how to build a structured scroll-driven image grid where movement unfolds progressively within a sticky layout.

Godstime Aburu gives a nice introduction to the Popover API.

Zell Liew goes over the differences between Popover API and Dialog API in terms of accessibility.

The last few years have seen leaps in HTML, CSS, and JavaScript. If you haven’t kept up, Web Day Out is for you.

Join us on 12 March for a conference about what you can do in web browsers today. Featuring talks from Rachel Andrew, Manuel Matuzović, Harry Roberts & more.

Use code CSSWEEKLY_10 for 10% off.

Hotkeys is a type-safe, cross-platform hotkey library with sequence detection, key state tracking, hotkey recording, and framework adapters for React and more.

A fast, lightweight, and responsive masonry grid layout library in vanilla JavaScript.

March Mad CSS is the Ultimate CSS Tournament featuring 16 of the most elite CSS developers from around the world who will battle it out for the chance to be dubbed the INAUGURAL MADCSS CHAMPIONS OF THE WORLD.