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.

Animatio est un éditeur d'animation écrit en JavaScript.

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.

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.

keyframes est une bibliothèque qui vous permet de créer facilement des animations avec des éléments DOM.

Velocity est un plugin jQuery qui réimplémente la fonction animate() qui est plus performante (aussi rapide que les animations CSS) tout en incluant plusieurs nouvelles fonctionnalités pour améliorer la fluidité.

Un film d’animation entièrement réalisé à partir de peintures, c’est le défi que s’était lancé Reza Dolatabadi, un jeune artiste iranien basé en Grande-Bretagne. Ce court-métrage de 5 minutes était son projet de fin d’études. Et il aura mis deux ans à peindre les 6000 toiles nécessaires pour réaliser ce thriller psychologique qui vous plongera dans le cauchemar d’un homme tourmenté.

 

(source : sur le net du 31/03/2010 france24)

Liffect est un générateur basé sur le Web qui fournit beaucoup d'effets différents pour l'affichage d'éléments d'une liste.

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

Pourquoi créer les personnages d'une sitcom américaine en CSS ? Sans doute parce que c'est l'un des plus long programme d'animations créée par Matt Groening et considérée come l'une des séries télévisées les plus longues de tous les temps.