Uso de PNG en IE6 y una presentación

Durante mucho tiempo, la única forma de poner una imagen en una web con alguna parte transparente era recurrir a usar un GIF. Este formato de imagen tenía un severo defecto, sólo entendía un sí o un no, o un pixel se ve o no se ve pero no hay términos medios. Luego llegaron los PNG, que nos permiten introducir niveles de transparencia graduales en las imágenes y hoy día muchas de las páginas web que visitáis hacen uso de este formato de imagen que, por desgracia, tiene un enemigo declarado: cualquier Internet Explorer por debajo del 7.
Afortunadamente el IE5 está prácticamente desaparecido y el 6 va por el mismo camino pero aún nos queda algo de tiempo para poder llegar a despreocuparnos tranquilamente de los múltiples problemas del IE6 (el de las transparencias de los PNG es sólo uno de ellos). Mientras el ansiado momento llega hay varias técnicas que permiten a IE6 mostrar archivos PNG con transparencias correctamente. En Nettuts nos explican cinco de ellos aunque en realidad son cuatro más un "no me sale de las narices diseñar para Explorer 6". Yo he aplicado el DD_belatedPNG y doy fe de que funciona. Si no os lo creéis y tenéis IE6 podéis pasarlos por la que será la nueva casa de este blog (y de alguna otra cosa) cuando consiga terminarla: lamalamemoria.com
He empezado hoy, así que nada de meter prisa.

P.D.: Canté victoria demasiado pronto. El sistema funciona en el emulador de IE instalado en local pero cuando lo subo al servidor deja de funcionar. Habrá que seguir investigando...

P.D.(II): El script funciona a la perfección, el problema estaba en un sistema de protección de imágenes que tenía activado en el hosting. Ni os cuento las vueltas que he dado para encontrar el fallo, ha tenido que llegar la mañana de navidad para solucionarlo.

Introducción a jQuery

jQuery es una librería de JavaScript que permite escribir scripts más sencillos que si los hiciéramos directamente en JS y que contiene unas cuantas funciones propias bastante interesantes. Está teniendo mucho éxito entre los diseñadores porque usa las mismas llamadas de CSS para señalar los elementos de la página y porque algunas de esas funciones predefinidas que comentaba nos permiten dar un aire muy interactivo a la página, un poco "a lo Flash". En todo caso es una forma de simplificar la escritura de scripts que además nos ahorra buena parte del trabajo de escribir versiones alternativas para distintos navegadores.
Para aquellos que no conozcan JS ni jQuery, en el blog de Theme Forest han hecho un vídeo en nueve partes con las utilidades básicas. Es una buena introducción para diseñadores que, eso sí, está en inglés. Podéis encontrar las nueve partes en un solo post en Nettuts.

Tutoriales y tendencias

En el apartado de tutoriales he encontrado dos destacables. En PSDTuts se curran una escena "espacial" espectacular en la que usan varios recursos de Photoshop muy interesantes. Mientras tanto, en PixelPerfect, nos enseñan como animar un dado en Illustrator a partir de la composición de vectores más simple posible (esto es en vídeo y está en inglés pero os prometo a los usuarios habituales de Illustrator que merece la pena).
Y la parte de las tendencias se la dedican en Smashing Magazine al estilo grunge. Si los diseños Web 2.0 ya os saturan, es posible que este sea el camino a seguir.