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

Description :
Cette démonstration qui utilise jQuery permet d’effectuer des transitions de page web fluide, légère, sympathique et agréable à regarder en attendant le chargement d’une page web. Les étapes pour réaliser cet effet sont expliquées dans le tutoriel.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Démos   Effets   jQuery

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 :
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 :
Grâce à cette démonstration, vous pourrez créer un effet de porte de garage sur votre menu. C’est à dire qu’au passage de la souris, le titre de l’onglet se soulèvera comme une porte de garage. Le tutoriel est à peu près clair. Il vous suffit de lire doucement les étapes pour réaliser cet effet.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Ces démonstrations vous montrent trois façons de créer des info-bulles avec jQuery. Les trois façons pour réaliser ces différentes info-bulles sont expliquées et claires. Le tutoriel est simple (ainsi que les scripts) et les effets sont élégants.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

Mots-clés :
Démos   Effets   Info-bulles   jQuery

Description :
Cette démonstration nous montre comment réaliser une ligne qui glisse dessous et à l’intérieur d’un menu horizontal. Vous trouverez deux exemples dans les démonstrations en-dessous. L’idée est qu’au passage de la souris un trait de soulignement ou un fond coloré suivent. Cet effet dans un site est vraiment très chic.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Dans cette démonstration, vous allez apprendre à réaliser une décoloration progressive de la couleur au passage de la souris sur les boutons de votre menu. Cela donne un effet très esthétique et jolie. Les étapes pour créer cet effet sont bien expliquées. Il vous suffit de suivre les indications et le tour est joué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Cette démonstration nous montre comment réaliser un menu horizontal avec un effet flottant tout en utilisant le plugin jQuery.easing et la fonction animate de jQuery. Cela donne un menu vraiment très élégant et simple à refaire.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Cette démonstration vous permettra de créer des petites icônes qui tournent sur elles-mêmes avec le menu qui s’agrandit ou diminue suivant le lien dans le menu que l’on choisit. Le tutoriel est très complet et bien expliqué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Cette démonstration semble réelle. Elle permet de réaliser un système de rotation d’images exactement comme sur les panneaux d’affichage publicitaires. Les différentes étapes pour créer cet effet sont expliquées dans le tutoriel (que vous trouverez dans le lien dessous). Tout est clair, il vous suffit de suivre ce qui est écrit.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Description :
Cette démonstration vous permettra d’inscrire des notes dans les images de vos articles qui s’afficheront dès que vous cliquerez dessus. Simple et pratique car ces annotations ne s’affichent qu’au click sur l’image. Il suffisait d’en avoir l’idée. Le tutoriel est clair et bien expliqué.
TOUS LES LIENS

Rubriques :
Démonstrations   jQuery

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

Version actuelle :
Ion.Sound version 1.3.0

Description :
Ion.Sound est un plugin jQuery qui vous permettra de faire jouer des petits sons sur des événements. Ion.Sound est supporté par google chrome, mozilla firefox, opera, safari, internet explorer (9.0+) et les navigateurs mobiles. Ion.Sound est un plugin simple, facile et très utile dans de nombreuses circonstances.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   jQuery   Plugins

Version actuelle :
jQuery Before/After Plugin version 1.4.0

Description :
Le plugin jQuery Before/After permet de voir sur une même image un effet avant/après surprenant. En déplaçant le curseur central, vous choisissez ce que vous voulez voir, soit la photo avant les modifications, soit celle d’après les changements. Les différences sont surprenantes et incroyables.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   Images   jQuery   Plugins

Version actuelle :
Coda-Slider version 3.0

Description :
Coda-Slider est un plugin jQuery qui vous permettra de réaliser des effets de panneaux coulissants simple (auto slide, cross linking, non-dynamic tabs and arrows, specify first panel to load, adjusted speed and easing effects, videos within a slider).
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   jQuery   Plugins

Version actuelle :
Plugin jQuery image cube version 1.3.1

Description :
jQuery image cube est un plugin qui permet de faire pivoter un cube dans le sens que l’on souhaite avec des images sur toutes les faces. Il est possible aussi de faire tourner du texte. L’effet sera garantie.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   jQuery   Plugins

Version actuelle :
jQuery Infinite Carousel version 3.0.3

Description :
jQuery Infinite Carousel est un plugin jQuery qui propose un carousel très joli avec de nombreuses options. jQuery Infinite Carousel permet d’avoir un diaporama avec des effets pour les paragraphes et le défilement. C’est un plugin qui permet de proposer quelque chose de propre et de fluide. Donc, agréable à regarder.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Carousels   Effets   jQuery   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.twinkle version 0.5.0

Description :
jquery.twinkle est un plugin jQuery qui permet d’attirer l’attention de vos visiteurs sur un endroit de votre page web. Le plugin jquery.twinkle possède aussi une API assez complète avec des méthodes, des options, et des effets. Les cercles lumineux peuvent être utilisés sur un ou plusieurs éléments HTML.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   jQuery   Plugins

Version actuelle :
jRumble version 1.3

Description :
jRumble est un plugin jQuery qui vous permettra de faire vibrer et tourner tout les éléments que vous choisirez. jRumble vibre au survol de la souris et dirige ainsi l’attention sur l’élément survolé. Vous pouvez contrôler l’axe Y et X ainsi que la rotation, la vitesse et le déclenchement d’évènements pour le rumble.
TOUS LES LIENS

Rubriques :
jQuery   Plugins

Mots-clés :
Effets   jQuery   Plugins