21/12/10

Lightbox CSS avec tabindex et pseudo-classe :focus

Lightbox sans Javascript – Les Lightbox s’affichent généralement suite à un événement click capturé par Javascript. CSS ne possède pas de pseudo-classe :click, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement click par la pseudo-classe :focus et la propriété tabindex pour permettre aux images d’avoir le «focus». Voir la démonstration. Lire le reste de cet article »

31/05/10

Lightbox_me — Une Lightbox jQuery complète pour 1kb

Lightbox_me est un plugin jQuery qui vous permettra d’afficher n’importe quel élément avec un effet Lightbox sobre et efficace. 14 options sont disponibles pour ajuste l’overlay selon vos besoins. Lire le reste de cet article »

21/12/09

Menus déroulants et autres fantaisies avec :hover :focus :active :target pour IE6

Menu déroulant Suckerfish — réécriture du très populaire Suckerfish Dropdown pour implémenter des menus déroulants sur plusieurs niveaux. Ce script de 12 lignes crée une classe sfHover sur un élément li pour émuler la pseudo-classe :hover pour Internet Explorer qui ne l’applique que sur les ancres a, notamment. Ce script est léger, accessible, basé sur les feuilles de styles et non-intrusif (à part dans la feuille de style puisqu’il faut doubler le sélecteur li:hover avec la classeli.sfHover). Lire le reste de cet article »