Diigo Bookmarks 08/12/2017

2017年8月12日 著

• Apple Starts Work on Progressive Web Apps - Cloud Four

  "Because Progressive Web Apps are intentionally more of a concept than a specification, it is expected that every platform will have slightly different ways of supporting them. And we want browser makers competing on the ways they integrate, support and promote Progressive Web Apps."

  tags: service_worker pwa ios apple

• Greg Whitworth - How to use -ms-high-contrast

  "While the feature has to do with color modifications it's sole purpose is to aid in providing users with contrast sensitivity a better experience. As such, you shouldn't necessarily care about what the specific color is. To some extent, you shouldn't even care how your site looks; but how it functions in high contrast."

  tags: accessibility css

• Dangerous Design trends 2017 – Muzli -Design Inspiration

  "following design trends is a crucial part of our job, but we shouldn’t use them blindly. Not every trend is useful, helpful or appropriate for every case. Even good trends can turn bad, damaging the user experience. That’s why we have to use them mindfully, filtering them and adjusting them when needed."

  tags: webdesign

• CSS Utility Classes and "Separation of Concerns"

  "Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS.""

  tags: html css

• Lazy loading images using Intersection Observer | Dean Hume

  "The problem is, 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. The problem with this approach is that it forces the browser to re-layout the entire page and in certain conditions will introduce considerable jank to your website. We can do better!"

  tags: webdev javascript

• Creating a Collaborative Style Guide for Designers and Engineers – Prolific Interactive

  "1. Divide each text style into two parts: Font Style and Color Style. 2. Put all the font and color styles in rows and columns to create a grid layout that maps out text styles (In the grid there are a maximum amount of possible text styles, but you only mark the ones in use). 3. So, the text style = font style (row) + color style (column)."

  tags: design_system font

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