Tout est dans le titre :)
Cet article est très didactique, parfait pour bien comprendre les transitions CSS. Il n'aborde cependant pas les animations CSS à proprement parler.
Une chouette introduction aux animations CSS en utilisant des path SVG.
Une grosse liste de librairies pour gérer les animations CSS.
Une introduction à Animate.css.
Si dans Vue.js vos animations CSS clignotent dans IE 11, pensez à ajouter animation-fill-mode: forwards; sur l'élément auquel l'animation est affecté.
Des animations de menu hamburger absolument délicieuses. Le tout sans Javascript (si on omet le simple onclick dans le HTML). Merci SVG.
Un retour d'expérience sur une migration de React vers Vue.js (et accessoirement de GSAP vers anime.js).
Comment des petites animations permettent d'améliorer l'expérience.
Un outil en ligne pour facilement animer du SVG.
Une toute petite librairie Javascript (1ko) pour détecter si un élément est présent à l'écran ou non. Très pratique pour faire des animations au scroll.
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-36
Un outil pour animer des éléments pour le web. En bêta privée pour le moment mais ça a l'air prometteur.
Faites danser vos lettres !
Un exemple intéressant pour donner l'impression qu'un site classique est une single-page application. Il s'agit de fluidifier les transitions entre les pages.
Pas certain que ça ait un énorme intérêt et certains morceaux de code font un peu bricolage mais l'idée est intéressante.
Des icônes animées par Javascript.
Plein d'idées d'animations.
Les animations ne doivent pas être laissées au hasard.