Liquid Slider est un Slider jQuery (avec des morceaux de HTML5 dedans) conçu avec les contraintes des périphériques mobile à l’esprit pour assurer à vos contenus un affichage optimum quelque soit la taille ou la résolution de l’écran de vos visiteurs. →
DyLay est un plugin jQuery de 1ko seulement créé par Sylvain Gougouzian (@GouZ) dont les fonctionnalités risquent de vous ébouriffer les yeux. DyLay permet de créer des maquettes dynamiques selon les actions de l’utilisateur. Il est possible d’animer la réorganisation de blocs de contenus selon des critères de tris avec les méthodes position, filter, sort et reverse. →
Microjs.com présente près de 200 frameworks Javascript petits mais costauds. De combien de lignes de code avez-vous besoin pour votre projet de site web : 50K, 100K, 150K ? Ok, nous aimons tous nos bons vieux gros frameworks comme jQuery ou Mootools et nous en tirons souvent le meilleur. Mais combien de fois les avons-nous utilisés à mauvais escient ? Combien de fois avons-nous tenté d’écraser une mouche avec un tank, alors que des solutions bien plus adaptées étaient à notre portée ? →
La balise Marquee vous rappelle des souvenirs ? Si cette balise propriétaire d’Internet Explorer vous manque, voici Marquee jQuery. Ce plugin vous permettra de faire défiler le contenu d’une liste vers le haut, le bas, la droite, la gauche… Bref, dans le sens que vous voulez grâce à quelques options bien pratiques. Qui a dit Marquee de Sade ? Tss tss… 😉 →
Burst Engine est un moteur Javascript pour réaliser des animations vectorielles pour l’élément HTML5 Canvas. Il fournit des fonctionnalités similaires à Flash et permet de créer des animations à la manière d’After Effects. Burst est Open Source et léger, ce qui ne gâte rien.
Le plugin jQuery Color Animation permet d’effectuer des animations en jouant plus particulièrement sur les transitions entre les couleurs. Malheureusement, le plugin ne s’occupe pas le canal Alpha qui permet de gérer la transparence indispensable lorsque l’animation a lieu sur une image en arrière-plan. →
Ce tutoriel montre les étapes à suivre pour créer une petite animation composée de quatre images à l’aide des feuilles de style CSS et de jQuery. Bien que je ne raffole pas des trucs qui bougent sur l’écran, je trouve que le côté Cartoon qui se dégage de l’exemple est suffisamment sympathique pour réaliser une publicité, une accroche, etc. sans être obligé de passer sous les fourches caudines de Flash 😉
FlashReplace — Script très léger pour insérer une animation Flash dans votre page web avec une seul ligne de code :
<script type="text/javascript">// <![CDATA[
FlashReplace.replace("flash-content", "/flash/my-movie.swf", "flash-element-id", 800, 200);
// ]]></script>
En option : possibilité de préciser la version de Flash requise ou d’ajouter des paramètres à votre animation Flash.