Diigo Bookmarks 09/06/2017

2017年9月6日 著

• Abstract

  "No conflicting copies. No duplicates. One single source of truth for your design files."

  tags: webdesign git

• Flywheel | How to combine Flexbox and CSS grids for efficient layouts

  "Basically the approach I took here was to utilize CSS Grid Layout for the overall layout (and anything that was not linear in design). Within the grid content areas, Flexbox was used to order and fine tune the styling within the grid areas."

  tags: css

• AMPersand. — Ethan Marcotte

  "I believe AMP is a framework designed with good intentions, aimed at solving the very real problem of a web that’s gotten far, far too slow for its users. But using AMP? The cost for the web, and for those who do business on it, is much, much too high."

  tags: amp

• The State of the Web – Karolina Szczur – Medium

  "Only 46% of 7.4 billion people on this planet have access to the Internet. The average network speed caps at unimpressive 7Mb/s. More importantly, 93% of Internet users are going online through mobile devices"

  tags: web performance

• Breaking the Grid - daverupert.com

  "As a Front-End developer nothing bothers me more than seeing an unexpected horizontal scrollbar on a website. While building out a checkout layout with CSS Grid I was surprised to find something mysterious was breaking the container. I thought Grid sort of auto-solved sizing."

  tags: css

• Flat UI Elements Attract Less Attention and Cause Uncertainty

  "Flat interfaces often use weak signifiers. In an eyetracking experiment comparing different kinds of clickability clues, UIs with weak signifiers required more user effort than strong ones."

  tags: webdesign

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