UI Dev Newsletter Issue #43
In this issue: dark mode styling, dark patterns, webmentions, and more.
Improved dark mode default styling with the color-scheme CSS property and the corresponding meta tag
Thomas Steiner explains how the color-scheme CSS property and the corresponding meta tag allow developers to opt their pages in to the theme-specific defaults of the user agent stylesheet.
Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites
A group of researchers share findings from a large-scale study, analyzing ~53K product pages from ~11K shopping websites to characterize and quantify the prevalence of dark patterns.
How to avoid layout shifts caused by web fonts
Simon Hearne describes different techniques on how to optimize font delivery to remove layout shifts.
An async function walks into a loop
Oscar Braunert identifies the template loop problem in his Eleventy site and moves the template’s critical logic into plain JavaScript.
Grow the IndieWeb with Webmentions
Amber Wilson explains why webmentions exist and how to add it to your site.
Let’s Bring Spacer GIFs Back!
Josh Comeau creates an element to add some space between the icon and text.
Authentication
Jeremy Keith explains the two-factor authentication and the “factor” part of it.
Accessibility Wins
Marcy Sutton showcases accessible user interfaces and tools.