Diigo Bookmarks 11/05/2017

2017年11月5日 著

• Flexbox and Grids, your layout's best friends

  "As of March 2017, Grids has been implemented in every major browser, but there are still a few myths and rumors surrounding the specification. The purpose of this piece is to tackle down those myths and enjoy developing our websites with this new technique we use at Aerolab, called Frids-layout."

• In Search of the Perfect ARIA Tab Panel Widget | Deque Systems

  "Creating a tab panel widget that works well for mouse users is easy enough. Adding support for keyboard users is also pretty easy. Making it work well for screen reader users is a bit more complicated -- due to differences between screen readers, including bugs -- but still doable, with some caveats."

• HTTP Client Hints

  "An increasing diversity of Web-connected devices and software capabilities has created a need to deliver optimized content for each device. This specification defines an extensible and configurable set of HTTP request header fields, colloquially known as Client Hints, to address this."

• XR: VR, AR, MR--What's the Difference? | Viget

  "In conclusion, Augmented Reality and Mixed Reality are not interchangeable terms. The general distinction is: all MR is AR, but not all AR is MR. AR is a composite. MR is interactive."

• Reboot, Resets, and Reasoning | CSS-Tricks

  "A reset could be built in a such a way that the things it includes know why they are there. Exactly what browser and version it is there to support. Then if browserslist configuration says that particular browser isn't supported by this project anyway, that CSS could be removed."

• Collapsible Sections

  "Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by clicking that content's label. Big whoop."