Archive for April, 2005

PNGs transparentes en Internet Explorer

Monday, April 18th, 2005

En este blog hay varios PNGs con el fondo transparente, pero el Internet Explorer no es capaz de mostrarlas correctamente, básicamente no hace caso a la información del canal alpha (por suerte, en la futura versión 7 del IE Microsoft “innovará” añadiendo esta característica, el problema es que desde hace tiempo está disponible en el resto de navegadores así que innovar, innovar, no innovaran mucho :-D ). No quiero sustituir los PNGs por GIFs, tampoco quiero poner el color de fondo en el PNG para no tener que editar la imagen si algún día me da por cambiarlo. Pero por otra parte, me da rabia que la página no se vea bien con el IE.

Buscando por Google, he encontrado una solución basada en CSS que consiste en configurar los img con la propiedad behavior:

img { behavior: url("pngbehavior.htc");}

Pero la propiedad behavior no es estándar y el CSS no validaba (cosa que quería evitar)

Gracias a Suki_ me he enterado que en eGroupware tienen otro workaround. Mirando el código de la web, he visto que la solución es básicamente igual que la anterior pero esta vez no se basan en CSS sino en ejecutar una función javascript con un onLoad.

Para que el IE pueda mostrar “correctamente” nuestros PNGs con transparencias tenemos que añadir las siguientes líneas en las cabeceras HTML de nuestra web:

<!-- This solves the Internet Explorer PNG-transparency bug, but only for IE 5.5 and higher -->
<!--[if gte IE 5.5000]>
<script src="pngfix.js" type="text/javascript">
</script>
<![endif]-->

y copiar en nuestro servidor web el fichero pngfix.js.

El javascript de pngfix.js recorre todas las imágenes y sustituye las que tienen formato PNG por un span con las dimensiones y el resto de propiedades de la imagen original y utiliza un filtro CSS propio del IE (AlphaImageLoader) para mostrar la imagen aplicándole transparencias. Se tiene que sustituir la imagen original por un span porque, tal y como se puede leer en la documentación del filtro en MSDN, el AlphaImageLoader muestra una imagen con transparencia entre el fondo y el contenido del objeto. Por lo tanto, si el contenido del objeto es una imagen, el contenido taparía la imagen mostrada por el AlphaImageLoader y no veríamos el efecto de la transparencia.

Soy totalmente consciente de que es una chapucilla pero no molesta al resto de navegadores, la página y el CSS siguen validando y, por fin, la web se ve como toca en el Internet Explorer.

Robots

Sunday, April 17th, 2005

El pasado viernes David y yo fuimos al cine sin tener mucha idea de qué películas había en cartelera. Pau nos falló ya que no pudimos encontrarlo (Pau, a ver si te compras un móvil :-D ). Después de cenar nos fuimos hacia las salas y acabamos escogiendo la película de Robots (trailer), en parte por comentarios que habíamos oído y en parte por que no nos apetecía esperar demasiado :-P (la siguiente sesión de esta peli era a las 0:00 mientras que el resto empezaban, como pronto a las 0:50) .

La gente suele considerar que este tipo de películas es para niños, pero tengo que decir que los pocos espectadores (4 o 5) que compartieron la película con nosotros eran adultos. Así que no sólo son para niños. Lo que sí es cierto es que estas películas no suelen destacar por la originalidad de los guiones ni por el desarrollo de la trama ni de los personajes. Por ejemplo, el retorno del “gran soldador” me pareció un poco precipitado y sin justificar, como si el director hubiera dicho «heii, que nos estamos quedando sin minutos, que vuelva el “gran soldador”». Sin embargo, los sketches suelen ser bastante buenos, y la verdad es que Robots tiene algún que otro sketch buenísimo. Hubo momentos de la película en los que no podía parar de reír.

Nada, una película para pasar un rato entretenido.

Recopilatorio de aplicaciones

Saturday, April 16th, 2005

Aquí tenéis algunas de las aplicaciones no muy conocidas que he ido descubriendo y que me han parecido útiles:

  • Smokeping: Utilidad para monitorizar la salud de líneas. Lanza 20 pings cada cinco minutos y va dibujando una gráfica con los resultados. La línea de color indica la media de los tiempos de respuesta de los 20 pings, el color en si indica cuantos pings se han perdido (no han respondido) y el “humo” (de aquí lo de smokeping) indica el jitter, es decir, la varianza o dispersión de los tiempos de respuesta. Con estas tres medidas, nos permite hacernos una buena idea de como están las líneas. Para los impacientes, podéis ir directamente a la demo

  • Cacti: Casi todo el mundo ha oído hablar de las gráficas MRTG, que básicamente hace gráficas de lo que sea (le vas pasando valores a intervalos regulares y él se encarga de hacer la gráfica), en la mayoría de casos suelen ser gráficas del tráfico de una línea con datos obtenidos de un router por SNMP. Cacti es un interfaz web para configurar (y visualizar) gráficas MRTG (bueno, realmente son RRD). Tiene algunas características interesantes, como poder seleccionar que periodo quieres que te muestre en la gráfica e incluso puedes hacer zoom en las gráficas (el zoom no funciona del todo con el konqueror pero estoy trabajando para resolver este problemilla). También tiene control de acceso y permisos, de tal manera que puedes tener un usuario que solo pueda visualizar un subconjunto del total de gráficas que tienes definidas. Otra característica interesante, es que tiene un template de gráfica que te permite poner en la gráfica una línea horizontal que te indica el percentil 95 de esa línea (hay proveedores que facturan por esta medida)
    A mi me resulta útil porque me facilita la administración de las gráficas, si antes quería cambiar o añadir alguna gráfica a algún router era un poco coñazo, con Cacti son un par de clicks

  • GLPI: Aplicación para el inventario del parque informático, tanto hardware como software, con gestión integrada de incidencias y actuaciones. Permite definir ordenadores, monitores, impresoras, periféricos varios, software y puntos de red. Posteriormente puedes indicar como se relacionan los anteriores elementos, es decir, que un ordenador tiene un determinado monitor, una impresora, tiene instalado un determinado software y está enchufado en un punto de la red en concreto. De momento está disponible en francés e inglés. De esta aplicación solo he probado la demo y parece bastante prometedora.

  • Galette: Esta aplicación la descubrió Bernat y es un sistema de gestión de LUGs. Permite llevar un control de los datos de los socios (nombres, direcciones, etc), del estado de sus cuotas y donaciones. A ver si lo implantamos para Bulma. Por desgracia, a día de hoy, la demo no funciona.

Bueno, ahí queda eso. Espero que estas aplicaciones os gusten.

Confirmado: Planeta editará DC en España

Sunday, April 10th, 2005

Hace tres semanas comentaba que Norma había anunciado que dejaba de publicar los cómics de DC. La duda que quedaba era qué editorial había conseguido los derechos. Se rumoreaba que era Planeta, pero no había confirmación. Pues bien, el jueves pasado Planeta DeAgostini confirmó el rumor al publicar en su web una escueta noticia en la que confirmaba lo que todo el mundo sospechaba:

Planeta-DeAgostini publicará DC Comics
07/04/2005

Editorial Planeta DeAgostini informa a todos sus lectores de que, a partir del próximo mes de junio de 2005, pasará a editar y publicar en España los cómics de DC Comics, incluyendo las líneas editoriales del Universo DC, Vertigo y Mad.

Ahora sólo queda esperar hasta junio para ver si el cambio ha sido a mejor o no. Seguiremos informando… :-)