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 classe`li.sfHover`). Lire le reste de cet article »