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