Diigo Bookmarks 07/02/2019

2019年7月2日 著

• Developing a Robust Font Loading Strategy for CSS-Tricks--zachleat.com

  "By dividing your font load into a smaller chunk and a larger lazy loaded chunk, we can minimize and mitigate the impact of web fonts to end users. I'm not necessarily on team FOIT (invisible text) or team FOUT (fallback text)--both are bad."

• Official Google Webmaster Central Blog: A note on unsupported rules in robots.txt

  "In the interest of maintaining a healthy ecosystem and preparing for potential future open source releases, we're retiring all code that handles unsupported and unpublished rules (such as noindex) on September 1, 2019."

• Making width and flexible items play nice together

  "The short answer: flex-shrink and flex-basis are probably what you're lookin' for."

• Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites

  "Dark patterns are user interface design choices that benefit an online service by coercing, steering, or deceiving users into making unintended and potentially harmful decisions. We conducted a large-scale study, analyzing ~53K product pages from ~11K shopping websites to characterize and quantify the prevalence of dark patterns."

• Life is short and our mind is fleeting | Christian Heilmann

  "Guy Winch's "How to practice emotional hygiene" is a great, short talk reminding ourselves that cleaning up our thoughts is as important as keeping our bodies germ free. This is often as easy as distracting yourself when a dark thought of self-doubt comes and does help."

• Understanding the difference between grid-template and grid-auto

  "To summarize, the grid-template-* properties are used to create, place, and size cells for the explicit grid. Any cell that exists in the grid that is not explicitly created by this property forms part of the implicit grid, which can be sized by the grid-auto-* properties."