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. →
Archives de la catégorie : Plugin jQuery
Select2 — des menus « select » survitaminés
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
fullsizable — Diaporamas plein écran avec jQuery
fullsizable est un plugin jQuery qui permet de profiter de tout l’espace disponible à l’écran pour visualiser vos images sous forme de diaporama. Utilise l’API HTML5 fullscreen dans les navigateurs qui le prennent en charge. Voir la démo.
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 là. 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. →