Issue #606

February 19, 2025

CSS @function + CSS if() = 🤯

Bramus Van Damme showcases upcoming CSS features @function and CSS inline if().

Matt Zeunert provides an introduction to Chrome DevTools and takes a look at some more advanced features.

The first newsletter for product engineers

Product for Engineers is PostHog’s newsletter helping engineers improve their product skills.

Subscribe for free to get curated advice on building great products, lessons (and mistakes) they’ve learned building PostHog, and deep dives on the culture and strategies of top startups.

Subscribe for free

CSS Weekly on YouTube

▶ VS Code Tips - Code Navigation Using Breadcrumbs

Find out how to quickly navigate between folders, files, and symbols in Visual Studio Code using breadcrumbs, with a detailed overview of keyboard shortcuts and customization options.

Watch video

Articles & Tutorials

Decoding CSS Selectors: :has(:not) vs :not(:has)

Kilian Valkhof looks at the difference between :has(:not) and :not(:has), and how to approach decoding CSS selectors that use these nested CSS functions.

Reimagining Fluid Typography

Miriam Suzanne explores how common fluid typography approaches can be improved.

Typecasting and Viewport Transitions in CSS With tan(atan2())

Juan Diego Rodríguez shares a creative use of the tan() and atan2() trigonometric functions.

Organizing Design System Component Patterns With CSS Cascade Layers

Ryan Trimble shows how to organize your code using cascade layers.

Three Approaches to the “&” (ampersand) Selector in CSS

Preethi Sam demonstrated how the & nesting selector can help you craft selectors without repetition.

New tools to grow your future online presence

Design a custom website with Squarespace’s professionally curated layout and styling options designed to sell anything.

Start with a flexible designer template or build your own, then customize to fit your style using our drag-and-drop website tool.

Use code 'SAVE10' at checkout to get 10% off on all plans

Tools

Interop 2025 Dashboard

Interop 2025 is a cross-browser effort to improve the interoperability of the web — to reach a state where each technology works exactly the same in every browser.

Check it out

Style-observer: JS to observe CSS property changes, for reals

A robust, production-ready library to observe CSS property changes created by Lea Verou. Detects browser bugs and works around them, so you don’t have to.

Check it out