UI Dev Newsletter Issue #90
In this issue: CSS selector performance, styling radio buttons and checkboxes for printing, fallback font generator, and more.
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.