Animation CSS et JS
— Retour d'expérience —
Qui suis-je ?
Thierry Le Moulec
Développeur Front-End
(freelance-ish)
et Kettlebell enthusiast
État des lieux
Ça bouge beaucoup et vite
Outils de prototyping
CSS, JS, SVG, WebGL : Il faut encore faire attention aux perfs
Librairies : Best bang for your buck!
La place du dev front dans tout ça
Avant d'aller plus loin
Les 12 principes de l'animation
Ce qu'on en retient principalement pour le web
Qu'est-ce qu'on anime ? Et comment ?
Opacité
Transform soit :
translate
scale
rotate
skew
CSS Keyframes
Librairies JS :
minimaliste :
animateplus
complète :
gsap
puissante :
velocityjs
WebGL / SVG / Sprite
Exemple
Merci
Made with Slides.com