13/05/13

SwapMyLi — Rotation automatique de liste avec jQuery

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. 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. Lire le reste de cet article »

22/04/13

Select2 — des menus « select » survitaminés

Select2 est un plugin jQuery qui améliore le look & feel et l’ergonomie de vos menus select (recherche, données distantes et scrolling infini parmi les résultats) — dans le même esprit que Chosen. (Merci Emilien). Lire le reste de cet article »

21/04/13

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. Lire le reste de cet article »

07/04/13

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 : Lire le reste de cet article »

01/04/13

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. Lire le reste de cet article »

04/03/13

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.

18/02/13

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é ! Lire le reste de cet article »

27/01/13

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. Lire le reste de cet article »

25/01/13

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é. Lire le reste de cet article »

21/05/12

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. Lire le reste de cet article »