Javascript

Capture d’écran 2018 10 11 à 22.08.33

Faites danser vos éléments avec la librairieRythm.js

Temps de lecture estimé : < 1 minute Rythm.js est une petit librairie js qui permet d’animer des éléments au son de la musique. La démo est assez bluffante, et permet de réagir également au son de votre micro. Avec certaines classes vous pourrez donc animer au son des bass, graves, aigu, les lettres, les bordures, le blur Voir en ligne : https://okazari.github.io/Rythm.js/

Capture d’écran 2018 09 18 à 22.54.48

Animer des éléments lorsqu’on scroll

Temps de lecture estimé : < 1 minute scroll out 2 est une petite librairie javascript qui détecte le scroll/redimensionnement afin d’affecter des attributs et des variables css aux éléments qui scrollent et a une liste d’éléments. À RETENIR : elle ne gère en rien l’animation en elle même, ce sera à vous de la gérer avec ce qui vous plait ( animation …

Animer des éléments lorsqu’on scroll Lire la suite »

Capture d’écran 2018 09 18 à 10.50.19

animation simple en scroll grâce à Sal.js

Temps de lecture estimé : < 1 minute Super légère ( moins de 3kb) et optimisée pour la performance, cette librairie écrite en Vanilla JS (donc pas de dépendance) permet d’animer des éléments au scroll de la page. Elle se base sur Intersection Observer, qui vérifie la présence de l’élément dans le viewport. à noter toutefois, c’est expérimental et vous devrez sans douter …

animation simple en scroll grâce à Sal.js Lire la suite »

Capture d’écran 2018 09 18 à 09.57.39

T-writer : effet texte tapé à la machine

Temps de lecture estimé : < 1 minute T-Writer.js est un petit effet à appliquer sur du texte qui permettra de l’afficher lettre après lettre, comme tapé au clavier. Les démos sont assez simples et vous permettront rapidement de pouvoir recréer ce petit effet sympatique’ Voir en ligne : https://chriscavs.github.io/t-writer-demo/