Diigo Bookmarks 01/21/2019

2019年1月21日 著

• AddyOsmani.com - Web Page Usability Matters

  "There isn't a single metric that fully captures the "loading experience" of a web page. Loading a page is a progressive journey with four key moments to it: is it happening? Is it useful? is it usable? and is it delightful?."

• Angular, Autoprefixer, IE11, and CSS Grid Walk into a Bar... - daverupert.com

  "As toolchains grow and become more complex, unless you are expertly familiar with them, it's very unclear what transformations are happening in our code. Tracking the differences between the input and output and the processes that code underwent can be overwhelming."

• An introduction to CSS Containment - Rego's Everyday Life

  "The main goal of CSS Containment standard is to improve the rendering performance of web pages, allowing the isolation of a subtree from the rest of the document."

• A more complicated web | Christian Heilmann

  "So, to me, there is no such thing as going back to the good old web where everything was simple. It never was. What we need now to match the siren call of closed garden publishers is making it easier to publish on the web. And to control your data and protect the one of your users."

• In Defense of Utility-First CSS | frontstuff

  "BEM does an excellent job at namespacing and preventing style leaks, but its component-first nature inevitably leads to premature abstraction: you make a component for a certain use-case and end up never reusing it (a navbar component, for example)."

• Tap to Dismiss - Tap to Dismiss - Medium

  "Although a traditional modal that appears in the center of the screen, there is a newer trend to make modals appear less blocking by placing them at the bottom of the screen."

• Accessible accordions part 2 - using <details> and <summary>

  "at the moment our view is that it's still too early to embrace the <details> and <summary> elements to provide a fully accessible accordion experience. Our hope will be that the NVDA issue is resolved soon, and that the Chromium version of Edge will support these elements properly."