JQuery – Compilation de nouvelles extensions et de nouveaux tutoriels

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

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

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

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

Lettering.js

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

imgAreaSelect

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

Navigation Web rétractable

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

Colortip

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

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

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

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

Blockster

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.