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.
Belle démo d'animation CSS.
Jouer avec les animations CSS en live.
Plein de styles de checkbox, certaines en full CSS, d'autres avec du Javascript en plus.
Une chouette animation pour le menu hamburger.
Utilisation de Three.js pour animer des scènes plus ou moins complexes.