The Secret of Super Fast Lightboxes

The lightbox technique is a beautiful combination of (X)HTML, Javascript and CSS, allowing images or (X)HTML elements to be shown in a modal fashion on top of the page the user is browsing. Traditionally lightboxes have been implemented using Javascript, yet most of the functionality can be archived using (X)HTML, CSS and no Javascript at all.
This article describes a PoC demonstrating the lightbox technique using no Javascript by taking advantage of the :target pseudo-class, which is part of the Selectors Module of the CSS 3 Working Draft. This also means this technique only works in Firefox and Safari at the moment.
(more…)