• Tweet
• 
• 

01 – Parralax | Scrolling Clouds

Le défilement parralax est une technique qui a été longtemps utilisée dans l’animation.
Cette technique est vraiment intéressante en jQuery, car elle permet entre autre de créer des effets de profondeur impressionnants.

Scrolling Clouds est un bon exemple de parralax.

Tutoriel | Démonstration

02 – Slideshow | AviaSlider

Dans le même esprit que cu3r, mais bien plus léger (8kb), le magnifique AviaSlider en jQuery est doté de 8 effets bluffants et d’une extrême fluidité.

Si vous n’êtes pas conquis par les effets par défaut, il vous sera possible de créer les vôtres assez aisément.

De plus ce slideshow est compatible avec le célèbre lightbox.

Sources et démonstration

03 – Zoom | CloudZoom

Tout comme MagicZoom, mais gratuit, Cloud Zoom propose un système de zoom sur images très intéressant et lui aussi léger.

Ce script de zoom en jQuery s’avère vraiment utile pour des boutiques e-commerce par exemple.

Sources et démonstration

04 – Effet | Spotlight

Spotlight effect est un effet particulièrement utile pour les galeries de créations et autre portfolios, il permet au survol de la souris, d’attirer l’attention de l’internaute sur une image.

Tutoriel | Démonstration

05 – Notifications | Pines Notify

Avec l’arrivée des réseaux sociaux, les internautes sont désormais habitués à recevoir des informations et des messages via des fenêtres de notification.

Seulement ces fenêtres ne peuvent exister sans des technologies telles que le flash ou le javascript.

Pour créer aisément des notifications, il existe Pines Notify.

Grâce à ce plugin jQuery, il est possible de créer des notifications design, animées et riches.

Sources et démonstration

06 – Drag’n'Drop | jqDnR

Le drag’n'drop peut avoir sa place dans un site web, pour ajouter un peu d’interactivité et pour permettre à l’utilisateur d’agencer comme bon lui semble son contenu. (Exemple: Netvibes)

Le plugin jQuery jqDnR permet de gérer le drag’n'drop ainsi que le resize de box.

Sources et démonstration

07 – Drag’n'Drop | Polaroïd Viewer

Voici un bon exemple de site utilisant le drag’n'drop. Grâce à jQuery il est possible sur cette page de déplacer les Polaroïds à volonté.

Tutoriel | Démonstration

08 – Checkbox | Sliding Checkbox Action Menu

Utile dans les applications riches ou dans un service de messagerie par exemple, ce Sliding Checkbox Action Menu (oui c’est super long à dire) vous permet de gérer des éléments marqués d’une checkbox.

Tutoriel | Démonstration

09 – Styles | Uniform

Ce plugin javascript permet de styliser facilement tout vos formulaires.

3 thèmes sont disponibles au téléchargement, ainsi qu’un générateur de CSS.

Sources | Démonstration

10 – Styles | iPhone Checkbox

Apple et iPhone ont bouleversé le domaine du high-tech que ce soit en termes de fonctionnalités et de design produit/web.

Nous vous proposons de ce fait, un très bon plugin jQuery permettant de styliser des checkbox à la sauce iPhone Slider.

Sources | Démonstration

11 – Filtres | Filtre d’images jQuery

Utile pour les portfolios ou les galeries d’images, ce filtre permettra d’afficher vos images, suivant la catégorie voulue.

Sources | Démonstration

12 – Site animé | Landscape

Voici un bel exemple d’interactions javascript avec gestion des calques et animations.

Tutoriel | Démonstration

En conclusion

Le javascript et plus particulièrement la bibliothèque jQuery reste une bonne alternative aux animations flash simples, mais aussi au html5/CSS3.

jQuery facilite grandement la programmation javascript et possède une forte communauté qui lui permet d’évoluer à grande vitesse et de bénéficier d’un support efficace.

De plus jQuery est loulilol, donc vous avez plutôt intérêt de l’utiliser.