30/10/11

Blueberry : un diaporama « responsive »

Blueberry est un plugin jQuery expérimental et open source permettant de faire défiler des images (Slider) dans un environnement fluide (Responsive Web Design). Les utilisateurs utilisent de plus en plus souvent des smartphones pour consulter des pages web ; les intégrateurs web ont donc de plus en plus besoin de maquettes flexibles pour les satisfaire. Voici donc un diaporama adapté à cet usage. Lire le reste de cet article »

13/09/11

Elastislide : un carousel jQuery réactif (Responsive Webdesign)

Le webdesign réactif (traduction approximative de Responsive Webdesign) est un ensemble de techniques permettant d’adapter la mise en page d’un site web selon le périphérique de l’utilisateur. Avec l’arrivée des Media Queries en CSS3, le webdesign réactif devient de plus en plus utilisé. Il manquait toutefois des carousels réactifs. C’est le cas de Elastislide qui profitera au mieux des caractéristiques de l’écran. Via @guerrier. Lire le reste de cet article »

31/08/11

FlexSlider — un Slider flexible et sémantique pour jQuery

FlexSlider est un slider, un de plus, qui permettra de faire défiler vos contenus avec le marquage HTML de votre choix.  FlexSlider est utilisable avec le clavier, ce qui est toujours bon pour l’accessibilité ; son poids plume (6 kb minifié) est également un atout de taille. Il est possible d’ajouter une légende (caption) pour chaque image. Pour cela, une simple balise p sous l’image suffit. Pour plus de sémantique et pour profiter des nouvelles balises apportées dans la hotte du Père Noël HTML5, il faudrait tester FlexSlider avec une balise figure et un bon vieux figcaption des familles. Merci à @allfordesign et @oncletom pour la suggestion :) Lire le reste de cet article »

21/08/11

jQuery Timelinr

jQuery Timelinr est un plugin jQuery qui permet de créer un effet de ligne temporelle verticale ou horizontale avec d’un côté des dates et de l’autre des événements. Une démonstration valant mieux qu’un long discours voici deux exemples : défilement horizontal, défilement vertical. Lire le reste de cet article »

25/06/11

Gmap3 — Créer des cartes Google Maps via la version 3 de l’API

Gmap3 est un plugin jQuery créé par Jean-Baptiste Demonte qui permet de créer des cartes Google Maps avec les fonctions avancées de la version 3 de l’API de Google Maps. Lire le reste de cet article »

06/05/11

JbhSlider — Slider en jQuery

JbhSlider permet de réaliser des diaporamas en jQuery avec la particularité de gérer les évènements rapprochés. Il n’y aura pas d’effets indésirables quand vos visiteurs cliqueront dix fois de suite sur le lien «suivant» du Slider. Oui, les visiteurs font ça :-) Outre la gestion des liens «Suivants et Précédent, JbhSlider gère la pagination entre les diapos et permet des effets de transition. Lire le reste de cet article »

03/05/11

Agile Carousel — Un diaporama agile et plein de ressources

Agile Carousel est un script qui permet de faire défiler automatiquement ou manuellement du texte et des images. Il existe des centaines de diaporama plus ou moins gourmands en ressources et possédant plus ou moins d’options. Agile Carousel semble un bon compromis entre le poids et les fonctionnalités. Le format de données JSON permettra à votre Slideshow de dialoguer avec les informations issues de votre CMS préféré. Lire le reste de cet article »

22/04/11

Apprise — Des alertes « sexy » avec jQuery

Apprise est un plugin jQuery qui permet de dialoguer avec les utilisateurs autrement qu’à travers les boites modales alert() ou confirm() générées par le navigateur. C’est le plugin idéal pour ceux qui ont besoin de boites de dialogue légères et personnalisables. De la simple alerte à l’affichage d’un pavé de texte, en passant par la vérification des données entrées par l’utilisateur, Apprise est dans le coup !  Lire le reste de cet article »

17/04/11

jQuery Simple Tooltip — Des infobulles qui ne bullent pas

jQuery Simple Tooltip — Ce script jQuery créé par Pierre Bertet permet d’afficher des infobulles au survol d’un lien. Contrairement aux autres scripts qui affichent généralement le contenu de l’attribut title du lien, Simple Tooltip va chercher le contenu d’une balise référencée par son identifiant. Lire le reste de cet article »

13/04/11

jQuery Tagging Tools — Interface de gestion des tags comme Facebook

jQuery Tagging Tools permet de gérer les tags à la manière de Facebook, avec une petite croix pour supprimer les tags que l’on vient de saisir. Ce script s’interface très bien avec jQuery UI et n’importe quel script d’autocomplétion. Le résultat est simple, joli et efficace. Jetez un oeil sur la démonstration.