UI Dev Newsletter

Issue:#43

2021-02-08

• Improved dark mode default styling with the color-scheme CSS property and the corresponding meta tag

  https://web.dev/color-scheme/

  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

  https://webtransparency.cs.princeton.edu/dark-patterns/

  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

  https://simonhearne.com/2021/layout-shifts-webfonts

  Simon Hearne describes different techniques on how to optimize font delivery to remove layout shifts.

• An async function walks into a loop

  https://www.ovl.design/text/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

  https://amberwilson.co.uk/blog/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!

  https://www.joshwcomeau.com/react/modern-spacer-gif/

  Josh Comeau creates an element to add some space between the icon and text.

• Authentication

  https://adactio.com/journal/17794

  Jeremy Keith explains the two-factor authentication and the “factor” part of it.

• Accessibility Wins

  https://a11ywins.tumblr.com/

  Marcy Sutton showcases accessible user interfaces and tools.

All issues

• Issue #46 (2021-03-01)
• Issue #45 (2021-02-22)
• Issue #44 (2021-02-15)
• Issue #43 (2021-02-08)
• Issue #42 (2021-02-01)
• Issue #41 (2021-01-25)
• Issue #40 (2021-01-18)
• Issue #39 (2021-01-11)
• Issue #38 (2021-01-04)
• Issue #37 (2020-12-28)
• Issue #36 (2020-12-21)
• Issue #35 (2020-12-14)
• Issue #34 (2020-12-08)
• Issue #33 (2020-12-01)
• Issue #32 (2020-11-23)
• Issue #31 (2020-11-16)
• Issue #30 (2020-11-09)
• Issue #29 (2020-11-02)
• Issue #28 (2020-10-26)
• Issue #27 (2020-10-19)
• Issue #26 (2020-10-12)
• Issue #25 (2020-10-05)
• Issue #24 (2020-09-28)
• Issue #23 (2020-09-21)
• Issue #22 (2020-09-14)
• Issue #21 (2020-09-07)
• Issue #20 (2020-08-31)
• Issue #19 (2020-08-24)
• Issue #18 (2020-08-17)
• Issue #17 (2020-08-10)
• Issue #16 (2020-08-03)
• Issue #15 (2020-07-27)
• Issue #14 (2020-07-20)
• Issue #13 (2020-07-13)
• Issue #12 (2020-07-06)
• Issue #11 (2020-06-29)
• Issue #10 (2020-06-22)
• Issue #9 (2020-06-15)
• Issue #8 (2020-06-08)
• Issue #7 (2020-06-01)
• Issue #6 (2020-05-25)
• Issue #5 (2020-05-18)
• Issue #4 (2020-05-11)
• Issue #3 (2020-05-04)
• Issue #2 (2020-04-27)
• Issue #1 (2020-04-20)