UI Dev Newsletter Issue #118

Automated accessible text with contrast-color()

Una Kravets explains how the new CSS contrast-color() function automatically returns black or white for accessible text contrast.

Sneaky Header Blocker Trick

Josh Comeau shows CSS sticky positioning trick for dynamic header backgrounds

Three Reasons Your scroll-snap Container May Be Overflowing on Mobile

Schalk Neethling describes three CSS issues causing scroll-snap containers with fieldsets to overflow on mobile devices.

The Color System I Wish I Understood Sooner

Kyle Van Deusen explains a two-layer color system combining primitives and semantics for better website color management.

The Three Pillars of JavaScript Bloat

James Garbutt shares three main causes of JavaScript dependency bloat: outdated runtime support, atomic package architecture, and unnecessary ponyfills.

SVGs on the web: performance comparison based on how you load them

Joan León describes five SVG loading techniques and their performance trade-offs for web optimization.

The 49MB Web Page

Shubham Bose explains how modern news sites sacrifice user experience for ad revenue through bloat, tracking, and intrusive design.

WebPerformance Report

WebPerformance Report delivers automated weekly performance reports for websites, including Core Web Vitals.