Andrés Moreno Web Developer

Hace unos días estaba probando algunos de los recursos que he usado en mis web en el nuevo navegador IE9. En cuestión de segundos me asombró que algunos de estos recursos no funcionaban como me esperaba en la última versión del browser de Microsoft. Uno de ellos es la librería Lightbox.

Vamos a crear una galería dinámica, muy útil para que el cliente solo se limite a subir las imágenes que más le gusten (por FTP) a un directorio determinado. Para ello vamos a utilizar la librería lightbox.

Lo primero es descargar las librerías necesarias para utilizar el lightbox,  entre ellas se encuentran prototype.js y scriptaculous.js. Podeis descargarlo de la web de lightbox todos los archivos necesarios.

Está demostrado que el tiempo de carga de una página web depende en un 80% del cliente, es decir, el usuario. Las imágenes es uno de los elementos de la web que más penaliza el tiempo de carga de estas. Existe varias técnicas para reducirlo considerablemente. Hoy me voy a centrar en uno, imágenes embebidas.

Esta técnica consiste en incluir los bytes de la imagen utilizando el esquema data, al igual que usamos el esquema http para indicar las URL o mailto para el correo electrónico.

Con la aparición de Internet Explorer 8 por un momento pensé que se acabarían todos mis dolores de cabeza a la hora de diseñar.

Encontré una solución para el dichoso botón de compatibilidad que tenía este navegador y no tener que realizar otra hoja de estilos más para otra versión del navegador de Microsoft:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Para los que se dedican o piensan dedicarse a desarrollar páginas web tendrán que tener muy en cuenta a la hora de maquetar las web con CSS las diferencias que existen entre los distintos navegadores.

La gran mayoría de navegadores no suele presentar grandes diferencias de la misma web mientras no hablemos del software de la familia Microsoft. Estos interpretan (o no) las propiedades de las hojas de estilos de una forma diferente al resto, es más, entre ellos también se perciben diferencias.