UI Dev Newsletter

UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development delivered to your inbox every two weeks.

Subscribe to the newsletter

Or subscribe to RSS feed

Latest Issue:#90

2023-01-30

The truth about CSS selector performance

https://blogs.windows.com/msedgedev/2023/01/17/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

https://www.bram.us/2023/01/17/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

https://kilianvalkhof.com/2023/css-html/backdrop-doesnt-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

https://alvaromontoro.com/blog/68024/css-tip-style-checkboxes-radio-buttons-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

https://daverupert.com/2023/01/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

https://searchengineland.com/how-to-optimize-core-web-vitals-in-2023-391050

Matt Zeunert shares tips on how to pass Google’s page experience requirements for a higher rank.
On-Scroll Typography Animations

https://tympanus.net/codrops/2023/01/18/on-scroll-typography-animations/

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

https://screenspan.net/fallback

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.

Previous issues