Lien :
http://webdesignerwall.com

Description :
Cette article réunit dix tutoriels utilisant jQuery pour les webdesigners. Grâce à ces démonstrations (que vous trouverez ci-dessous) qui comprennent le code, vous apprendrez à faire un panneau coulissant simple, faire disparaître un élément, des effets de transition chain-mesure, deux exemples d’accordeon, deux effets d’animation avec hover, des blocs entiers cliquable, des panneaux pliables, effacer/approuver ou mettre en spam un commentaire sous wordpress, faire une galerie d’images et faire une liste de liens. Toutes les démonstrations sont clairement expliquées.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   Effets   jQuery

Lien :
http://tutorialzine.com/

Description :
Grâce à ce tutoriel, vous allez pouvoir créer un compte à rebours avec jQuery. Il vous montrera les jours, les heures, les minutes et les secondes restantes à votre événement, et vous pourrez voir aussi une mise à jour d’animation sur chaque seconde. Tout est clairement détaillé, de la mise en place des différents codes jusqu’à la réalisation du compte à rebours. TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery

Description :
Grâce à cette démonstration, vous allez pouvoir créer un album avec une animation de type diaporama avec jQuery et du CSS3. Inspiré par Facebook, où vous passez la souris sur un album et les photos se changent. Dans cette démonstration (voir en-dessous), c’est pareil,  il y a six albums photos, et au passage de la souris la photo se change. Alors, le tutoriel est détaillé et bien sûr, vous pouvez le modifier à votre goût.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   Diaporamas   jQuery

Description :
Grâce à cette démonstration, vous allez pouvoir apprendre à animer un hover avec jQuery au passage de la souris. C’est très simple, il vous suffit d’avoir des images, de copier le code jQuery, css et html et le tour est joué. Simple et efficace lorsqu’on veut arriver à ce résultat.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery

Lien :
http://net.tutsplus.com/

Description :
Grâce à cette démonstration, vous allez apprendre à charger et animer du contenu avec jQuery et de l’ajax. Le tutoriel est très complet et toutes les étapes pour inclure cette méthode dans votre site sont clairement définie.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Ajax   Animations   Démos   jQuery   Menus

Description :
Cette démonstration vous permettra de créer un contenu animé dans un menu avec jQuery. Les éléments du menu s’activent et quand on clique dessus, une zone de contenu s’affiche avec plus d’informations. De plus, l’image de fond change en fonction de l’élément du menu qui a été cliqué. Le tutoriel est bien détaillé et facile à suivre et à comprendre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery   Menus

Description :
C’est une démonstration qui permet de créer un header animé avec jQuery. En fait, c’est le background du header qui est vivant (c’est à dire qu’il bouge tout le temps). Par exemple, vous pourriez y mettre des nuages dans le ciel qui vont et viennent, ce serait votre background. Le tutoriel est bien expliqué et reste accessible pour les débutants.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   Effets   jQuery

Description :
Grâce à cette démonstration, vous allez pouvoir réaliser une animation sur un menu horizontal avec jQuery. Vous allez d’abord apprendre à créer le design de l’animation dans photoshop, puis à disposer les éléments dans votre code html avec tout le style en css, et enfin, vous disposerez les quelques lignes de codes jQuery pour l’animation. Le tutoriel est bien expliqué (en images) et facile à comprendre.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery   Menus

Description :
Cette démonstration vous permettra de créer un effet de porte coulissante verticale avec jQuery, du CSS et du HTML. Il est également possible d’avoir le même effet horizontalement ou en diagonale. Vous trouverez toutes les explications ainsi que les codes détaillés dans le tutoriel (qui se trouve dans le lien dessous).
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   Effets   jQuery

Description :
Voici une démonstration qui vous montre un exemple pour créer une page 404 animé. Cette démonstration est facilement personnalisable et modifiable. Le tutoriel pour réaliser cette démonstration est défini très clairement (le HTML, le CSS et enfin le code jQuery). Il faut savoir que tôt ou tard, un internaute tapera  une mauvaise url ou un lien sera corrompu sur votre site et c’est ainsi qu’il tombera sur votre page 404. C’est à vous de voir si vous voulez une page 404 différente de la norme.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery

Lien :
http://www.hongkiat.com/

Description :
Grâce à cette démonstration, vous allez pouvoir créer un menu de navigation animée (avec jQuery) pour mobiles. Ce menu est simple, fluide et très joli. Toutes les étapes pour le réaliser sont clairement expliquées. De plus, vous pouvez télécharger le code source en-dessous. TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery   Menus

Description :
Grâce à cette démonstration vous pourrez créer un menu déroulant qui défile du haut vers le bas (et inversement) avec la souris (axe y) en jQuery. Le code HTML est très simple. Le code CSS et jQuery font le reste. À noter que dans cette démonstration, le plugin jQuery.color est utilisé pour animer la couleur de fond du scroll menu.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Animations   Démos   jQuery   Menus

Version actuelle :
Chart.js version 0.2

Description :
Chart.js est un framework HTML5 qui vous permettra de faire des graphiques (orientés côté client) pour les concepteurs et les développeurs. Vous pouvez visualiser vos graphiques de 6 manières différentes (line chats, bar chats, radar charts, pie charts, polar area charts et doughnuts charts). Chart.js utilise l’élément canvas HTML5. Chart.js supporte tous les navigateurs modernes, et polyfills fournit un soutien pour IE7 / 8. Chart.js est un framework HTML5 gratuit et très léger. TOUS LES LIENS

Rubriques :
Frameworks   HTML5

Mots-clés :
Animations   Frameworks   HTML5

Version actuelle :
LimeJS version 2.0

Description :
LimeJS est un framework HTML5 qui vous permettra de créer des jeux avec votre navigateur. Avec LimeJS vous pourrez réaliser des jeux en temps réel, adaptés à vos périphériques, avec des effets CSS3, de la 3D, des animations, de très bonnes performances et l’utilisation du LocalStorage, afin de pouvoir jouer même en mode OffLine. LimeJS est un framework HTML5 très pratique pour la création des jeux mobiles. TOUS LES LIENS

Rubriques :
Frameworks   HTML5

Mots-clés :
Animations   Frameworks   HTML5

Version actuelle :
BoardJS version 1.0

Description :
BoardJS est un framework JavaScript qui permet de simplifier la façon de faire des présentations interactives, des histoires et des annonces. BoardJS fonctionne en écrivant des commandes telles que l’ajout de texte et les images, les objets en mouvement, et en montrant les info-bulles.  BoardJS est un framework optimisé et rapide qui fonctionne dans la plupart des navigateurs et des appareils à écrans tactiles.
TOUS LES LIENS

Rubriques :
Frameworks   JavaScript

Mots-clés :
Animations   Frameworks   JavaScript

Description :
CSSload.net est un générateur d’icônes de chargement appelés aussi loader, entièrement en CSS avec les animations comprises. Simple d’utilisation, vous devez d’abord choisir l’une des huit icônes proposées.

Puis, vous configurez la vitesse d’animation, les couleurs, et les dimensions. L’animation est gérée par les keyframes CSS3 (fonctionne comme celui de la fonction jQuery animate()).
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
Animations   Générateurs

Version actuel :
ClassySocial version 1.2.0

Description :
ClassySocial est un plugin jQuery qui vous permettra d’afficher de manière dynamique et original tous vos liens sociaux (facebook, twitter, dribbble, socl, youtube, vimeo, google plus, pinterest, linkedIn, instagram et l’e-mail). ClassySocial propose deux modes de présentation (les icônes en ligne ou en cercle). ClassySocial est compatible avec tous les navigateurs récents. ClassySocial est un plugin très facile à utiliser et à installer.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   Facebook   jQuery   Plugins

Version actuelle :
Flip version 0.9.9

Description :
Flip est un plugin jQuery qui vous permettra de faire pivoter vos éléments de la droite, de la gauche, d’en haut et d’en bas. Flip vous propose plusieurs options pour paramétrer la vitesse de la transition, la couleur ou l’appel de fonctions. Sachez tout de même qu’il est nécessaire d’intégrer le plugin jQuery UI car Flip utilise UI Core et Effects Core. Sinon, Flip est compatible avec les principaux navigateurs comme firefox, opera, chrome, safari, et internet explorer 6 et plus.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
jAni version 1.0

Description :
Jani est un simple plugin jQuery qui permet d’animer, de créer et de contrôler une animation composée par une image à plusieurs frames. Le plugin est fondamentalement une alternative au format gif animé. jAni est un plugin facile à intégrer car la documentation est claire.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
jCoverflip version 1.0.2

Description :
jCoverflip ext un plugin jQuery qui permet de créer simplement une galerie de type coverflow. Avec jCoverflip il est possible de définir le nombre d’éléments à afficher ainsi que la vitesse des transitions. L’animation peut être démarrée directement en cliquant sur l’image ou en cliquant sur la barre de défilement. Un texte peut être ajouté en légende, au dessous de l’illustration. Tout est personnalisable : la couleur, le style, la police d’écriture, la vitesse animation, nombre d’image.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   Images   jQuery   Plugins

Version actuelle :
LavaLamp version 1.4

Description :
LavaLamp est un plugin jQuery qui vous permettra de réaliser une légère animation au survol de la souris avec une image qui se déplace et qui s’adapte à la taille de l’élément survolé sur votre menu. Plusieurs variantes et plusieurs options sont disponibles, comme par exemple, pour l’image qui retourne à son point de départ ou non à la fin du survol.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Menus   Plugins

Version actuelle :
Roundabout version 2.4.2

Description :
Roundabout est un plugin jQuery qui vous permettra de convertir une structure d’éléments HTML en un tourne-disque personnalisable. Le plugin jQuery Roundabout utilise les listes ordonnées et non ordonnées après avoir effectué quelques modifications rapides.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   Effets   jQuery   Plugins

Version actuelle :
jQuery Spritely version 0.6.1

Description :
jQuery Spritely est un plugin jQuery qui vous permettra de créer des animations d’arrière-plan dynamiques avec du HTML et du javascript. C’est un plugin léger avec des méthodes simples pour réaliser des oiseaux animés comme sur la page du site officiel.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
Scrollto version 1.4.3.1

Description :
ScrollTo est un plugin jQuery qui vous permettra d’effectuer un retour vers le haut appelé aussi scroll to the top. ScrollTo offre aussi de nombreuses options pour personnaliser l’animation et la position finale. ScrollTo est un plugin qui permet de créer des scroll progressifs dans des listes ordonnées selon deux axes.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
Lazy Line Painter version 1.4.1

Description :
Lazy Line Painter est un plugin jQuery qui vous permettra de faire de l’animation SVG. Il fonctionne en convertissant votre ligne graphique SVG à  du code javascript. Donc, il vous suffit d’importer le framework jQuery, le framework Raphaël et le plugin jQuery Lazy Line Painter et voilà c’est fait. Lazy line Painter vous permet donc d’effectuer des animations. Cela signifie que si vous avez une image, qui est constitué qu’avec des lignes (avec un début et une fin, sans être rempli), alors Lazy line Painter réalisera une animation qui va tracer la ligne pour dessiner l’image que vous aurez faîtes comme un animation. Voyez par vous-même dans la démonstration ci-dessous.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
MixItUp version 1.4.1

Description :
MixItUp est un plugin jQuery très léger qui vous permettra de mettre en place des filtres et des tris sur du contenu HTML classé et ordonné, le tout avec une interface animée et compatible responsive design. MixItUp se sert des meilleures technologies actuelles avec les data HTML5 et les transitions et transformations CSS3. MixItUp fonctionne parfaitement avec les media queries (responsive design). MixItUp est compatible avec Chrome 4+, Firefox 4+, Opera 10.5+, Safari 3.1+ et Internet Explorer 10+.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Mobilité   Plugins

Version actuelle :
Reel version 1.2

Description :
Reel est un plugin jQuery qui vous permettra d’abord, de ne pas utiliser les techniques flash et ensuite, de visualiser une image en 360° soit avec la souris, soit avec la roue de la souris.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Plugins

Version actuelle :
Skitter version 1.0

Description :
Skitter est un plugin jQuery qui permet de créer de très beaux slideshows. Skitter propose des diaporamas avec une liste importante d’animations disponibles avec de nombreux exemples (fondu, cube, tranche, directionnel, etc…). De plus, les options sont, certes classiques, mais la mise en place est simple et intuitive.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   Diaporamas   jQuery   Plugins   Sliders

Version actuelle :
Tabulous.js version 1.0

Description :
Tabulous.js est un plugin jQuery qui vous permettra d’insérer des animations dans les contenus de vos tabs lors que cette dernière est activée. Dans la démonstration ci-dessous, vous constaterez que le plugin Tabulous.js est très fluide. Il y a quatre choix d’effets : scale, slide, scale up et flip.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Animations   jQuery   Onglets   Plugins