Probablemente Ligthbox se uno de los plugins de JavaScript más extendidos en los diseñadores web. Si no lo conocés, se trata de un código JavaScript que sirve para generar galería de imágenes donde el usuario puede previsualizar y ampliar fotografía en mayor tamaño sin necesidad de recargar la página.

Se utiliza en muchos sitios web porque se trata de una solución práctica, sencilla y muy elegante. En el sitio de mi estudio de diseño web podés ver un ejemplo.

Sin embargo, la potencia de CSS3 permite que un comportamiento bastante similar pueda emularse sin necesidad de JavaScript ¿Las ventajas? Velocidad, facilidad de mantenimiento y código más liviano. El estudio Deaxon presenta este interesante experimento de emular a LightBox sin una sola línea de JavaScript.

Si bien todavía no todos los navegadores tienen soporte total para CSS3, el futuro parece estar en esa dirección: cada vez más efectos visuales en CSS.

El código del ejemplo anterior lo encontrás aquí (clic en la pestaña Source Code).

Pin It on Pinterest

Share This