Animer sur le web
Pourquoi/quand faut-il animer ?
- Pour raconter une histoire
- Pour humaniser l'interface
Il ne faut pas animer quand...
- ça ralentit/nuit à l'expérience utilisateur
- ça rame
Comment animer ?
-
CSS transitions/animations (jQuery Transit)
-
JS animations engine
(http://www.greensock.com/, http://famo.us/)
- Animation API
- CSS Filters
- Canvas
Layout trashing
Hardware acceleration
Painting
Les éléments sont groupés en calques. Ce qui veut dire qu'on se retrouve souvent à devoir repaint plusieurs éléments en n'en changeant qu'un.
Debugguer
Jankfree.com
Animer sur le web
By Adrien Denat
