Diigo Bookmarks 12/04/2017

2017年12月4日 著

• <i is="the walrus">

  "any concept that is="..." will make all components more accessible is, sadly, just misleading. There's no magical affordance in extension that allows it to map "whatever random shit I just made up" to "the thing with all of the good accessibility characteristics". You've still got to do a lot of work."

• Frontify - Software for Brand Style Guides, UX Pattern Libraries & Visual Collaboration

  "Create custom brand manuals that fully represent your brand. Easily edit and share your Style Guides with your internal and external stakeholders. Designed for small companies with basic guideline needs, all the way up to multinational companies with several brands, advanced access management, and multiple languages."

• Media Queries Based on Element Width with MutationObserver

  "The end result of this JavaScript bit is to dynamically add an attribute data-width="some_size" to an element depending on its width. So for instance data-width="small", data-width="medium", etc. and then use CSS to target these attributes"

• Figma + Design Systems

  "In early 2018, we'll be sponsoring Design Systems Dinners across the world. If you would like to host, let us know below!"

• CSS Grid Starter Layouts | CSS-Tricks

  "This is a collection of starter templates for layouts and patterns using CSS Grid. The idea here is to show off what the technique is capable of doing and provide a starting point that can be re-purposed for other projects."

• Performance Calendar » Progressive Image Loading using Intersection Observer and SQIP

  "If you've ever used a traditional image lazy loader, you'll be aware that almost all of these libraries tap into the scroll event or use a periodic timer that checks the bounding on an element before determining if it is in view."