De Freak a Geek

De Freak a Geek 2.0

Pues ya está terminado el nuevo diseño de esta bitácora. Lo primero que quiero destacar es que para los fondos de los elementos que aparecen he usado archivos PNG. Este tipo de archivos de imagen da mucho más juego y ofrece más posibilidades para el diseño que los archivos JPG o GIF. Como podrán comprobar aquellos que usen IE, el PNG es un formato de imagen que ese navegador no soporta correctamente. Se nota claramente en las zonas de sombra, que no son transparentes, sino que tienen como fondo un rectángulo de un color (el color depende de cómo tengamos configurada la apariencia de Windows).

Si antes la página tenía un par de elementos que no se visualizaban del todo bien en IE (sólo las imágenes de la sección del menú que promueve el uso de Firefox y alguna que otra imagen de alguna entrada suelta, por lo que no era demasiado importante usar un navegador u otro), ahora los problemas de visualización con ese navegador son importantes. Más allá del problema de los PNGs ya mencionado, es el hecho de que Internet Explorer no sigue los estándares W3C para interpretar estilos CSS y mostrar páginas web. Esto es un problema bastante grande para los programadores de páginas web, que muchas veces tienen que programar un diseño para IE y otro para los demás navegadores. En esta página se puede ver a simple vista, pues, mientras que en Firefox el contenido de las entradas aparece a la izquierda del menú, en IE se muestra justo debajo.

Como yo ya no uso el navegador de Microsoft y las visitas no son el motivo por el que creé esta bitácora (aunque todos los días miro mis estadísticas), he programado la página para que se vea bien en el navegador que uso. Es una decisión un tanto egoísta, sí, pero así promociono una alternativa a Microsoft (joé, cómo molo).

La idea de un menú que invadiera la zona del contenido de la web me vino a la cabeza al ver la plantilla Ocadia para WordPress, en la que se simulaba ese efecto. Eso me llevó también a utilizar PNGs en lugar de GIFs y JPGs para las imágenes de la plantilla, pues no quería que el efecto de semi-transparencia fuese aparente, sino real. Y lo es (bueno, si no usas el-navegador-que-ya-sabes). La idea de la forma en la que aparecen las fechas de las entradas la cogí también de otra plantilla para WordPress, Travelogue.

Por último, tengo que hablar de las imágenes aleatorias del fondo de la cabecera, efecto cuya idea también saqué de una plantilla de WordPress, Random Image (ese día coincidió que estaba inspirado y que visité esa página de plantillas de WordPress). Cómo conseguir el efecto de una imagen aleatoria en una bitácora de Bitacorae ya lo expliqué en su día en otra entrada, así que leedla si queréis saber cómo conseguirlo en vuestra bitácora. Como motivo para estas imágenes he elegido la serie Ghost in the Shell Stand Alone Complex, porque, digamos, mi parte freak se debe en gran parte al anime, y sobre todo a esta serie, una de mis favoritas; y porque no hay otra serie anime que sea tan geek como ésta, pero ni de lejos.

Si queréis utilizar esta plantilla, o parte de ella; en el pie de la página tenéis un enlace a un ZIP con los archivos BIT y demás. No están incluidas las imágenes porque todas juntas ocupan demasiado (no puedo subir archivos de más de 70 KB), pero sí están sus URLs (las URLs de las imágenes de fondo de la cabecera están en el CSS). No enlacéis a las imágenes directamente, sino descargároslas y usadlas desde vuestra web.

Nada más. Quien quiera, que opine sobre el nuevo diseño, que nunca está de más algo de feedback.