UI Dev Newsletter Issue #90

The truth about CSS selector performance

Patrick Brosset describes how to use Edge DevTools to measure CSS selector performance.

Using :is() in complex selectors selects more than you might initially think

Bramus Van Damme demonstrates how :is() selectors work surprisingly.

::backdrop doesn’t inherit from anywhere

Kilian Valkhof explains why CSS custom properties added to :root won’t work for ::backdrop.

CSS Tip: Style your Radio Buttons and Checkboxes for Printing

Alvaro Montoro shows a simple method to avoid problems using the print-color-adjust property.

So you want to make a new JS framework

Dave Rupert defines a list of things to start a successful JS framework project in 2023.

How to optimize Core Web Vitals in 2023

Matt Zeunert shares tips on how to pass Google’s page experience requirements for a higher rank.

On-Scroll Typography Animations

Manoela Ilic shares a beautiful demo of on-scroll typography animations.

Fallback Font Generator

Brian Louis Ramirez shares an app that reduces Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using special @font-face descriptors.