Archives de la catégorie : Plugin jQuery

Pas encore de description pour la catégorie Plugin jQuery. Suggérez à l'administrateur du site de la remplir.

SwapMyLi — Rotation automatique de liste avec jQuery

Plugin jQuery Swap My Li

SwapMyLi est un script jQuery qui permet d’effectuer une rotation sur les éléments d’une liste pour les afficher les uns après les autres plutôt que les uns sous les autres. Peu d’options, mais nous avons l’essentiel : vitesse de l’effet d’animation, durée de la transition d’un élément à l’autre, durée d’affichage de chaque slide, affichage ou non d’un timer pour montrer le temps d’affichage restant, et utilisation ou non des styles CSS intégrés au script.

Chosen — Des menus « select » présentables

Chosen est un plugin Javascript qui rend les longues et indigestes listes select bien plus présentables. Au lieu d’obliger vos utilisateurs à faire défiler toutes les options de vos listes, Chosen leur permet de commencer à saisir le début d’un terme pour n’afficher que les résultats pertinents, à valider d’un clic de souris ou via la touche Enter.

Unslider — Le slider jQuery qui slide, tout simplement

Unslider est un script jQuery qui fait partie de la grande famille des Sliders (aussi appelé Diaporama, Carousel, Présentation, etc.). Son point fort est la sobriété : pas d’effet foufous ou de marquage HTML superflu. Unslider fait le minimum et le fait bien ! Toutefois, ses 3kb n’empêche pas Unslider de répondre à un cahier des charges rigoureux :

s3slider : diaporama jQuery avec légende

s3slider est un plugin jQuery qui permet de faire défiler un ensemble de photo accompagné d’un bloc de contenu qui apparaît automatiquement par-dessus l’image. Possibilité de faire apparaître le bloc légende à partir du haut, du bas ou à partir des côtés.

DIYSlider — Slider léger et personnalisable

DIYSlider est un script jQuery léger et personnalisable dont le but est de servir de fondations à vos développements de… sliders ! Quelques exemples d’utilisation ici ou . Le principe est de transformer une série de div en diaporama avec une foultitude d’options, de méthodes et d’évènements, pour une modique taille de 3,56 kb ou 1,14 kb gzippé !

Shapeshift — Grille dynamique Responsive « à la Pinterest »

Shapeshift — très largement inspiré par jQuery Masonry — est un plugin jQuery qui permet de réarranger dynamiquement une collection d’éléments dans une grille au sein d’un container parent. Un exemple de ce comportement existe sur le célèbre Pinterest. Possibilité de faire du Drag & Drop avec les éléments si jQuery UI Draggable / Droppable sont installés. Nécessite également jQuery Touch Punch pour fonctionner sur les périphériques Touch.

Tiny Circleslider — Diaporama / Carousel circulaire

Tiny Circleslider propose un système de Slider / Carousel circulaire pour donner aux développeurs web une alternative aux systèmes existants, bien monotones, il faut bien le dire… Construit à l’aide de jQuery, Tiny Circleslider est compatible avec iPhone, iPad et Android et les slides peuvent s’effectuer via des miniatures ou un numéro d’ordre. Ce plugin propose de nombreuses options, pour un poids modeste de 4kg une fois minifié.

RWD Image Maps — Images réactives «responsives»

Vous vous souvenez des images réactives ? Si oui, vous serez heureux d’apprendre qu’il est désormais possible de combiner Image maps et Responsive design grâce au plugin jQuery rwdImageMaps qui recalcule les aires déterminées par les coordonnées pour tenir compte du redimensionnement du viewport, le cas échéant.