Une librairie Javascript pour faire des animations au scroll.
Comme dit dans la source, attention à ne pas en abuser, et surtout attention à mettre un timer suffisamment court. Il n'y a rien de plus chiant que les sites sur lesquels il faut attendre 2 secondes à chaque scroll pour que le contenu apparaisse.
Via https://blog.stephaniewalter.fr/semaine-pixels-19-aout-2016/
Une librairie qui permet de construire des animations CSS purement en JS. C'est assez intéressant dans le sens où ça combine la flexibilité des animations jQuery de la vieille époque avec l'optimisation et la rapidité des animations CSS modernes.
Et comme la fonction attend un objet Javascript, c'est assez facile de définir quelques animations et de les réutiliser.
Le repo Github est ici : https://github.com/juliangarnier/anime
Un effet glitch très bien foutu à appliquer sur du texte. Et c'est du pur CSS.
Encore une pelleté d'effets pour boutons en CSS.
Différentes animations de boutons très originales.
Une courte animation qui explique comment faire un triangle en CSS.
En gros, on utilise la jointure des bordures d'un bloc qui se font en forme de triangle. En réduisant la taille de l'élément à 0px et en faisant disparaître 3 des 4 bordures, on obtient un triangle.
Plein de snippets CSS avec notamment des animations très bien foutues. Rien que le premier est assez bluffant.
Un outil qui a l'air extrêmement prometteur pour créer facilement des animations complexes. L'interface se constitue principalement d'une timeline. C'est toujours en beta, accessible uniquement sur invitation mais j'ai hâte de voir ce que ça permettra.
Des bouttons hamburgers animés de moult façons.
Une lib JS qui propose des animations assez bluffantes. Bon certaines de leurs démos semblent un peu lourdes pour Firefox mais ça permet des choses sympathiques.
Comment effectuer des transitions sur les ombres proprement et avec de bonnes perfs.
Autre lien : https://lehollandaisvolant.net/?id=20170314183516
Une foulitude de librairies CSS et JS pour créer des animations sexy, histoire de gagner du temps lors du développement de sites modernes.
Certains comme Transit par exemple utilisent la même API que jQuery.animate ce qui permet un fallback sur cette dernière pour les anciens navigateurs qui ne supportent pas les animations CSS.
Un framework CSS bien connu qui offre pas mal d'animations assez sexy. Et comme c'est du CSS, c'est optimisé et fluide sur tous les supports en principe.
Animer un texte avec CSS3.
Plus de 60 animations disponibles.
Un court-métrage post-apocalyptique en images de synthèse de qualité. Un réel souci du détail, c'est bluffant.