Diigo Bookmarks 12/27/2018

2018年12月27日 著

• Common CSS Issues For Front-End Projects -- Smashing Magazine

  "When implementing a user interface in a browser, it's good to minimize those differences and issues wherever you can, so that the UI is predictable. Keeping track of all of those differences is hard, so I've put together a list of common issues"

• Designing Layouts for Screen Readers

  "With a combination of well-structured HTML markup, thoughtful use of ARIA roles and a careful labeling of site sections using ARIA labels, we're able to create a user experience for assistive technology users that rivals the experience of non-assistive technology users."

• Performance Calendar » Getting started with web performance: 2019 beginner's guide

  "Navigating the labyrinth of modern web performance might be hard though if you're new to the topic. In this article I will try to come up with a guide to getting started your performance journey."

• Making single color SVG icons work in dark mode

  "It is proposed to be a property you can set at root level (supported-color-schemes: light || dark) or as a meta tag, so that browsers can be in the know before they start parsing CSS. The property basically lets you tell a browser that your CSS supports dark modes and will not break in them. Safari has experimental support for the property in Technology Preview 71."

• Jank-Free Image Loads ◆ 24 ways

  "we'll be able to toss our terrible aspect-ratio hacks into the dustbin of history, get in the habit of setting aspect-ratios in CSS and/or intrinsicsizes in HTML, and surf a less-frustrating, more-performant, less-janky web."

• Google Design's Best of 2018 - Library - Google Design

  "As we wave 2018 goodbye, we're taking a moment at Google Design HQ to reflect on some of the year's emergent themes, and the programs and products that deserve your attention."