Video: Web Performance Mini Series: Animations (Paul Lewis)

By Paul Lewis. See also his article on HTML 5 Rocks:
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

Even more links:

  1. https://eu.udacity.com/course/browser-rendering-optimization–ud860
  2. https://developers.google.com/web/fundamentals/performance/rendering/
  3. https://aerotwist.com/blog/flip-your-animations/
  4. https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse
  5. https://aerotwist.com/blog/the-anatomy-of-a-frame/

Takeaway of this video:

The magic goal: 16ms

For 60HZ monitors aim for 16ms delay or less. (60fps = ~16ms per frame).
Delays above that will make the animation look janky
Note: for the 120HZ monitors that are getting more common these days the magic number would of course be 8 ms.


Read More

Blue Ocean event

JHAT

Blue Ocean top ten:

1. Latent Heat6. Jet Stream Disruption
2. Albedo Change7. Methane
3. Melting Ice Sheet8. Global Food Crisis
4. Increased Water Vapor9. Climate Refugee Crisis
5. Sea level Rise10. Regional and Global Conflict