Diigo Bookmarks 07/03/2017

2017年7月3日 著

• Keyboard-Only Focus

  "The prob­lem was: when you have an el­e­ment with some :fo­cus styles, they're ap­plied not only to the fo­cused state it­self but also af­ter you just click on this el­e­ment (and it be­haves dif­fer­ently for dif­fer­ent el­e­ments in dif­fer­ent browsers, of course)."

  tags: css

• Pattern Library Workflow – Jon Gunnison – Medium

  "Once everything is centralized to the Sketch Style Guide it will get deployed out to Zeplin, Invision, and for designers the Pattern Library document where they can download the Sketch file to start using in their own projects."

  tags: design_system sketch

• Championing Accessibility at the Guardian | Info | The Guardian

  "Very much like keyboard navigation, voice navigation can easily get the user lost on a page if the developers do not use the right fields, or use strange tab orders. Voice navigation can be a slow process because it takes ages to understand."

  tags: accessibility

• I decided to disable AMP on my site

  "It’s up to publishers to decide if they want to add AMP support on their site. User’s, however, don’t have an option to turn AMP off."

  tags: amp

• Cropping Images in CSS With object-fit ← Alligator.io

  "Ever wanted an image to fit exactly into a certain given dimension, but while keeping its aspect ratio and avoid having a squished image? This wasn’t something that could easily be done using CSS for the longest time. One trick was to resort to using a background image instead to go around the issue. Well the problem is no more with the object-fit property!"

  tags: css

• Service Worker gotchas

  "Service Worker has already been here for a while: since 2015-09 it has been fully supported in Chrome/Opera and if compared to what we have today it has gone a promising way of improvements, bug fixes, became more easily debuggable and is supported much widely (hello Firefox)."

  tags: pwa service_worker

Posted from Diigo. The rest of my favorite links are here.