https://github.com/jsdf/melbcss-60fps-talk
https://github.com/jsdf/melbcss-60fps-talk
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jsdf/melbcss-60fps-talk
- Owner: jsdf
- Created: 2016-02-02T19:55:33.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-02-03T10:58:01.000Z (about 9 years ago)
- Last Synced: 2025-03-06T06:40:50.817Z (about 2 months ago)
- Size: 4.88 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MelbCSS talk – Achieving and maintaining 60 fps
Getting to 60fps:
- http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
- http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
- http://www.html5rocks.com/en/tutorials/speed/layers/
- http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/
- http://eng.wealthfront.com/2015/05/19/performant-css-animations/
- http://eng.wealthfront.com/2015/06/30/performant-css-animations-netflix-case-study/
- http://www.crmarsh.com/svg-performance/
Fast JS animation examples
- http://facebook.github.io/rebound-js/examples/
- https://greensock.com/gsap
- https://github.com/chenglou/react-motion#demos
Automated perf measurement to catch regressions:
- http://calendar.perfplanet.com/2015/using-chrome-traces-to-automate-rendering-performance/
- https://github.com/axemclion/browser-perf
- https://github.com/axemclion/perfjankie
- http://axemclion.cloudant.com/perfslides/_design/site/index.html#/summary?pagename=localhost:8080&browser=chrome