Blog inspirant depuis 2008
  • Pin It

JQuery – Compilation de nouvelles extensions et de nouveaux tutoriels

jquery plugin

La popularitĂ© du JQuery ne cesse de grandir. Cela signifie que cette technologie est de plus en plus utilisĂ©e dans les sites web et qu’il y a dĂ©sormais Ă©normĂ©ment de programmeurs qui dĂ©veloppent de nouvelles façons d’utiliser le langage.

Ce qu’il y a de bien dans tout ça, c’est que plusieurs de ces dĂ©veloppeurs partagent ce qu’ils ont appris et ce qu’ils ont crĂ©Ă© par l’entremise de tutoriels et de « plugins ».

N.B. Ă€ noter que dans cette compilation je n’ai mis aucune extension ou tutoriels concernant les slideshow puisque j’ai dĂ©jĂ  traduit un article en mettant en vedette une bonne collection : « 20 Galleries JQuery pour vous faciliter la tâche ».

Superbe navigation avec images en arrière-plan

fresh jquery

Ce tutoriel vous montrera comment crĂ©er une superbe navigation Ă  l’aide d’une image en arrière-plan changeant lors du survol (roll-over) de la souris. La technique consiste Ă  avoir une liste de 3 items contenant la mĂŞme image de « background » mais avec une position diffĂ©rente pour chacun des items.

Créer une galerie style Apple

Apple-style Slideshow

En utilisant du simple HTML/CSS ainsi qu’un peu de jQuery, voici comment crĂ©er une galerie de style Apple. Celle-ci s’intègre facilement Ă  n’importe quelle page web.

Flare Video

jquery

Cette extension vous permettra d’ajouter facilement un « player » vidĂ©o HTML5 avec Flash fallback.

Lettering.js

fresh jquery

Lettering.js est un plugin JQuery très léger pour un contrôle absolu sur vos typographies.

imgAreaSelect

fresh jquery

L’extension imgAreaSelect permet au dĂ©veloppeur web d’ajouter facilement une fonction de recadrage pour une image.

Navigation Web rétractable

fresh jquery

Apprenez comment créer un menu rétractable contenant des barres de navigation verticales.

Colortip

jquery

Colortip convertit l’attribut « title » des Ă©lĂ©ments de votre page en petites boĂ®tes de dialogue de diffĂ©rentes couleurs.

Créer des boîtes de contenus en CSS/JQuery pouvant se déployer ou se rétracter

simple jQuery toggle

Lorsque vous dĂ©butez avec le JQuery, il peut ĂŞtre difficile d’apprendre comment contrĂ´ler les Ă©tats « ouvert » et « fermĂ© » pour un Ă©lĂ©ment. Ce tutoriel vous montrera comment maĂ®triser cette technique de base.

jQuery Mega Select List

fresh jquery

The jQuery Mega Select List est un plugin qui convertit une longue liste sĂ©lectionnable en un grand menu, rendant ainsi la recherche d’une option dĂ©sirĂ©e plus facilement repĂ©rable.

jmapping

jquery

Cette extension a été conçu pour implémenter rapidement Google Map avec différentes options très intéressantes.

Blockster

jquery

Blockster est une transition Javascript pour les images dans les « slideshows ». Le concept de la transition est de passer d’une image Ă  une autre, bloc par bloc. Vous pourrez contrĂ´ler le nombre de blocs dĂ©sirĂ©s lors de la transition, la vitesse de l’animation, etc.

2 commentaires

  • Vincent Chevalier | 2010/10/25

    Sympathique, mais déjà vu pour la plupart. 🙂
    J’ai bien hâte de voir de nouveau plugins parce que sur la plupart, c’est toutes les mĂŞmes choses.

  • nabil | 2013/11/27

    bonjour,

    bien tester

Laisser un commentaire