aos est une petite bibliothèque JavaScript vous permettant d'animer des éléments sur votre site web synchronisés avec le défilement.

Anim8js est la bibliothèque JavaScript qu'il vous faut pour animer vos sites web et vos applications.

La création d'animation sur un site web n'est pas facile.

Aujourd'hui un petit clin d'oeil à tous les fans de la célèbre série de george lucas, j'ai nommé "Star Wars". Eric Power a réalisé cette petite animation de 2 minutes tout en papier coupé sur une chanson de Jeremy Messersmith.

ScrollMe est un plugin jQuery pour ajouter des effets de défilement simples pour site web.

Ces sculptures imprimés en 3D, appelés Blooms créées par John Edmark qui enseigne le design à l'Université Stanford, sont conçus pour paraitre animer quand elles tournent sous une lumière stroboscopique. Chaque éléments de la sculture reprend la même méthode utilisé par mère nature pour les pommes de pin, les tournesols ...Pour cette vidéo, plutôt que d'utiliser un flash stroboscopique, la caméra a été réglé à une vitesse d'obturation très court (1/4000 sec) afin de "geler" la sculpture.

These 3-D printed sculptures, called blooms created by John Edmark, design teacher at Stanford University, are designed to animate when spun under a strobe light. The placement of the appendages is determined by the same method nature uses in pinecones and sunflowers. For this video, rather than using a strobe, the camera was set to a very short shutter speed (1/4000 sec) in order to freeze the spinning sculpture.

Sekvens est une bibliothèque d'animation JavaScript qui vous permet de manipuler des objets DOM.

Suivre le parcours sur papier d’un jeune acrobate dans un milieu urbain : voici le défi que se sont lancés les créateurs de cette vidéo qui circule actuellement sur les sites de partage. Une animation originale qui aura nécessité de longues heures de travail.

 

(source : sur le net du 08/01/2010 france24)

Avant l'ère de youtube, les images GIF animés étaient le moyen le plus utilisé pour animer un page web. Maintenant, ils ne sont utilisés que pour quelques petites animations (comme les chargeurs ou des animations très courtes) et surtout pour le plaisir.

L'utilisation de nouvelles bibliothèques demande du temps pour l'utiliser et la connaitre correctement.