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.
Analyser les performances de vos animations CSS avec les outils de développement de Firefox.
Très ingénieux. Je pense que c'est déjà assez largement utilisé sans qu'on s'en rende compte.
L'idée est de ne pas utiliser d'animations basiques mais plutôt des animations différentes en fonction de l'action qui vient d'être faite.
Si vous avez la flemme de tout lire, les vidéos sont très parlantes.
Via https://mastodon.social/users/stephaniewalter/updates/2406448
Quelques exemples d'éléments graphiques avec de belles animations.
Article très intéressant sur l'art et la manière de créer des animations fluides et "naturelles". Clairement, l'optimisation n'est pas simple lorsque l'on vise les 60 FPS constants.