jquery-logo

jQuery : la sélection écrémée.

Aujourd’hui malgré l’arrivée du Html5 et du CSS3, les librairies javascript comme jQuery connaissent un franc succès.
Milky vous a donc concocté une sélection d’animations et plugins frais

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.

scrollingclouds 600x245 jQuery : la sélection écrémée.

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.

avia slideshow 600x245 jQuery : la sélection écrémée.

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.

zoom 600x245 jQuery : la sélection écrémée.

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.

spotlight 600x245 jQuery : la sélection écrémée.

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.

fond img big 600x245 jQuery : la sélection écrémée.

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.

jqdnr 600x245 jQuery : la sélection écrémée.

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é.

polaroids 600x245 jQuery : la sélection écrémée.

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.

slidingcheckbox 600x245 jQuery : la sélection écrémée.

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.

uniform 600x245 jQuery : la sélection écrémée.

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.

styleiphone 600x245 jQuery : la sélection écrémée.

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.

jquery1 600x245 jQuery : la sélection écrémée.

Sources | Démonstration

12 – Site animé | Landscape

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

landscape 600x245 jQuery : la sélection écrémée.

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.

Tags

1 commentaire :

  1. Margaux Lespagne

    16 juin 2010

    Très interressant comme article alex !
    Maître blogueur

Laisser un commentaire

Votre nom

2 Sep 2014

* Nom, email, et commentaire sont requis