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. →
Pour étendre la surface cliquable d’un lien les CSS sont bien utiles : il suffit d’augmenter le padding de l’ancre concernée. Mais ne serait-il pas judicieux de rendre cliquable l’élément parent d’un lien ? C’est ce que propose Eroan Boyer dans son billet Étendre la portée d’un lien avec Jquery : →
David Walsh s’est penché sur l’affichage du «doigt qui clique» lorsqu’on ajoute un événement click ou hover sur un élément du DOM : →
Clickoutside event — Ce plugin jQuery permet de déclencher une action lorsque l’utilisateur clique en dehors de l’élément spécifié. La gestion des événements de jQuery, déjà très complète, s’enrichit avec clickoutside. Pour 0.7 ko ce serait dommage de s’en priver. Ce plugin sera très utile pour fermer vos fenêtres modales (lightbox) lorsque l’utilisateur clique à l’extérieur. Voici un exemple d’utilisation : →
