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.