Playground for several models: https://nat.dev
Tag: Youtube
LIGHTWEIGHT build tooling setup (Paul Lewis)
- Node
- Rollup docs: https://rollupjs.org/guide/en – Modules used: rollup, rollup-plugin-replace, rimraf
- npx: https://www.npmjs.com/package/npx
- IIFEs: http://benalman.com/news/2010/11/imme…
- Http-server: https://www.npmjs.com/package/http-se…
- Caches API: https://developer.mozilla.org/en-US/d…
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:
- https://eu.udacity.com/course/browser-rendering-optimization–ud860
- https://developers.google.com/web/fundamentals/performance/rendering/
- https://aerotwist.com/blog/flip-your-animations/
- https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse
- 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.
Blue Ocean event
Blue Ocean top ten:
1. Latent Heat | 6. Jet Stream Disruption |
2. Albedo Change | 7. Methane |
3. Melting Ice Sheet | 8. Global Food Crisis |
4. Increased Water Vapor | 9. Climate Refugee Crisis |
5. Sea level Rise | 10. Regional and Global Conflict |