Diigo Bookmarks 04/05/2020

2020年4月5日 著

• Embracing modern image formats · Josh W Comeau

  "The only real downside I've found so far is that webp is an annoying format to work with as a user."

• CSS Findings From The New Facebook Design

  "Royi Hagigi from Facebook confirmed that the reason behind using an image is for performance. It's interesting that a tiny shadow causes such performance issues."

• Accessible digital map experiences: a mountain climb or a walk in the park? | TPG - The Accessibility Experts

  "An effective map-accessibility strategy starts with understanding the digital map's purpose and the tasks that it's intended to support. It recognizes that a single universally accessible map might be impossible to create, and an equivalent means of access is an acceptable way to provide an accessible map."

• Talk to Me: The Evolution of Emoji - Library - Google Design

  "At that time emoji were available on three semi-incompatible Japanese mobile phones (Docomo, KDDI, Softbank). It wasn't until western vendors like Apple, Google, and Microsoft started adopting emoji for their products that the tiny pictograms became part of the Unicode family."

• Responsive Images the Simple Way - Cloud Four

  "the combination of the srcset and sizes attribute gives you a lot of bang for your buck. By adding two attributes, you tell the browser, "At this screen size, this image will be this wide, so please choose the best option from this list of images.""

• Layout-isolated components

  "Layout-isolated component - A component that is unaffected by the parent it is placed within, and does not itself affect the size and position of its siblings."

• LCH colors in CSS: what, why, and how? | Lea Verou

  "LCH is a color space that has several advantages over the RGB/HSL colors we're familiar with in CSS. In fact, I'd go as far as to call it a game-changer, and here's why."