HTML & CSS

IE6 — 3 fonctions Javascript pour lutter contre le bug des classes multiples

Parmi les nombreux bugs qui affectent Internet Explorer 6, le bug des classes multiples apparait lorsqu’on utilise au moins deux classes CSS simultanément. Par exemple `.classe1.classe2` pour adresser des propriétés CSS aux éléments possédant à la fois `.classe1` et `.classe2`, ce qui est très pratique. Malheureusement, IE6 ne tient compte que de la dernière classe, soit `.classe2`, en l’occurrence. Une pratique répandue consiste simplement à se passer des classes multiples, ce que je fais depuis des années. →

Plugin jQuery

qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery

qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title ou attribut personnalisé tooltip, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides ! →

Plugin jQuery

Slides — Slideshow jQuery

SlideJs est un Slideshow Javascript développé avec jQuery pour afficher vos images sous forme de diaporama. SlideJs est simple à utiliser et propose de nombreuses options : auto-rewind, auto-play, effets de fading et de transitions, préchargement d’images, pagination automatique, etc. Compatible avec Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari, Safari Mobile et même IE6 ! Slides est disponible sur Github. Via Pierre Vion.

Plugin jQuery

bxCarousel — un carousel jQuery qu’il est bien

bxCarousel est un carousel en jQuery qui boucle sur lui-même et qui fonctionne avec tout type d’éléments HTML contenus dans une liste. Parmi les options disponibles, on peut spécifier le nombre d’éléments à afficher et à faire avancer et mettre le carousel en mode automatique ou afficher des liens pour faire avancer ou reculer les éléments. Via Arnaud-K. Voir aussi bxSlider et bxGallery.

Bons tuyaux

TinEye — La recherche d’image « inversée »

TinEye est le premier moteur de recherche d’image sur le Web utilisant une technologie d’identification globale de l’image plutôt que les mots-clés ou les meta-informations. TinEyes parcourt régulièrement le Web à la recherche des nouvelles images tout en acceptant les soumissions volontaires : à ce jour TinEye a indexé 1 630 532 499 images pour vous permettre de trouver votre bonheur ! →

Plugin jQuery

jQuery Popeye 2.0 — Une Lightbox inline

Popeye 2.0 est une lightbox qui affiche une galerie d’images à partir d’une liste non-ordonnée dans le flux de votre texte. Le marquage HTML est à votre discrétion à condition d’utiliser les classes CSS prévues par le script. Il est possible d’afficher une légende par image en enveloppant le texte de votre choix avec l’élément span. →

Applications autonomes

Splash — un diaporama en pur Javascript

Splash est un script permettant d’afficher une image par-dessus le contenu dans le sillage de Lightbox (devenu en quelques années une marque générique comme Frigidaire) sans être obligé d’installer jQuery ou Prototype, ce qui est assez rare pour être signalé. Xuxu voulait une lightbox à son goût, simple, bien codée et rapide, alors il a associé le talent à l’envie, et Splash ! →