Diigo Bookmarks 06/30/2019

2019年6月30日 著

• Extract critical CSS | web.dev

  "There is no universally defined pixel height of what is considered above the fold content since there is a myriad of devices and screen sizes."

• The Layout Instability API | web.dev

  "If a new element is added to the DOM or an existing element changes size, it doesn't count as a layout shift--as long as the change doesn't cause other visible elements to change their start position."

• ctrl-freaks/freezeframe.js: freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions.

  "Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or triggered manually."

• What To Expect When You're Expecting To Drop IE11

  "here's a giant list of the features you should use, today (today being mid-2019), safely, without polyfills or feature detection."

• The future is dark. - By Digiti - Medium

  "Flagship models of the bigger companies -Apple, Google, Samsung, Huawei- all have OLED screens, which -unlike LCD displays- don't require backlight. This is really good news for your battery life."

• What Web Designers Can Do To Speed Up Mobile Websites -- Smashing Magazine

  "As Google does more to reward mobile websites over desktop, this isn't really a matter you can table for much longer. All versions of your website -- but mobile especially -- must be optimized for the user experience."

• Beginner's Guide to Variable Fonts: Part 2 | Viget

  "Variable fonts have so many cool features and one of these is animation. We wanted to show you how easy it is to animate variable fonts."