Issue #577

Chris Coyier shows how to highlight a line of text once you scroll to it using only CSS.

Brecht De Ruyte covers the basics of web components.

Marker.io adds context to every bug report with URL, screenshots, environment info, session replay, and much more. Go from “To Do” to “Resolved” 10x faster.

A short guide on creating Manual Folding Ranges in Visual Studio Code that allow you to collapse and expand (fold and unfold) any part of your code.

Mark Conroy demonstrates how to create an accessible off-canvas menu using web components and the dialog element.

Daniel Janus wrote cssfact, a lossy CSS compressor that takes some CSS and outputs back CSS that contains fewer rules.

Temani Afif explains when you should use min() and max() functions.

Jen Simmons outlines the focus areas of Interop 2024.

Dave Rupert shows how to use :focus-visible pseudo-state to create bigger, bolder, and more obvious focus states for your keyboard users.

If you send more than 5K emails a day, check Mailtrap’s tutorial on the new ‘Google and Yahoo email policy 2024’. It breaks down the latest authentication and DNS protocol requirements, so you can navigate them with ease.

A simple resource for finding and trying variable fonts

CSSformalize is an online tool designed to simplify and speed up the customization of your system HTML forms.

Alvaro Montoro created a stunning, functional slider using Custom Properties, Filters, Container queries, Trigonometrical functions, and more.