Raindrop.io Bookmarks 12/20/2021

2021年12月20日 著

• Auto Dark Theme - Chrome Developers

  "Chrome 96 introduces an origin trial for Auto Dark Themes on Android. With this feature, the browser applies an automatically generated dark theme to light themed sites, when the user has opted into dark themes in the operating system."

• How Terra improved user engagement thanks to Dark Mode

  "By displaying a dark theme to users that prefer dark mode on their devices, Terra reduced the bounce rate by 60% and increased the pages read per session by 170%."

• The surprising behavior of "important CSS custom properties" | Stefan Judis Web Development

  "Custom property declarations are handled similar to "normal CSS declarations". The CSS cascade is used to evaluate a custom property's value when there are multiple custom property declarations."

• Broken Hyphens in Chromium 96: An Explanation (and Fix) - Bram.us

  "In Chromium 96 on Mac there's a bug where it will show box characters instead of hyphens. It doesn't happen with all fonts, but it happens enough to notice. Awaiting a patched Chromium 98, we can use some CSS to fix it."

• Web Performance Calendar » Web Performance, Core Web Vitals and Vanity Metrics

  "Gathering information about the top 1000 websites visited in Nigeria (CRuX), I noticed that 33% of the websites had an LCP score of over 5 seconds for their origins."

• Web Performance Calendar » CSS me not

  "It's just a bookmarklet that lets you turn whole CSS files on and off and see what they do to your page. The "turning off" is accomplished by simply changing the media property of a LINK element to "lol"."

• HTML Concepts: Form Owners · Jens Oliver Meiert

  "In many cases one can say that each form element has a form owner, its parent form element."