Feliz 2009

He estado tentado de titular este post directamente "feliz 2010" pero, qué demonios, no todo en esta vida gira alrededor de la crisis así que hay posibilidades de que tengamos un buen año a pesar de todos los ministros de economía del mundo. Pasad buena noche y que el año que viene resulte sorprendentemente bueno.

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.

Agenda analógica 2009

PDAs, iPhones, miniportátiles... puede llegar a parecer que hoy todo el mundo está conectado en cualquier sitio y no estarlo puede llegar a parecer una "tragedia" si no tienes a mano la agenda analógica para 2009. No estarás conectado pero al menos te parecerá que podrías estarlo [Vía Abduzzedo].

Crisis es...

Decía Reagan que "recesión es cuando tu vecino pierde su trabajo, depresión cuando tú pierdes el tuyo y recuperación cuando Jimmy Carter pierde el suyo". Hoy, en adgoodness, Frederick Samuel cuenta que él ha perdido su trabajo así que, en este mundillo global que es internet, quizás recesión es cuando uno de tus bloggers preferidos pierde su trabajo. Y a cruzar los dedos para que llegue la recuperación (lo siento, Jimmy) antes que la depresión.

Más enlaces sobre jQuery

Ya sé que parece la semana de jQuery pero juro que es casualidad que esté encontrando enlaces interesantes sobre este tema uno detrás de otro. Lo primero es recordar la serie de tutoriales en vídeo que están publicando en Theme Forest, además de los que mencionaba el otro día ya han colgado los de los días 10 y 11. Otro enlace interesante es este que os pongo de Nettuts en el que podéis encontrar una "hoja resumen" para esta librería de JavaScript.
Pero la página que ha provocado este post es en realidad tvi design en la que han colgado un post con 25 consejos para mejorear tu uso de jQuery. Unos son más obvios que otros pero todos son interesantes y muy útiles. Que aproveche.

La Segunda Guerra Mundial y las burbujas

Hoy vamos a salirnos un poco de la temática habitual del blog. Leo lo siguiente en Marginal Revolution (traducción propia) sobre la política fiscal y de gasto público en la Alemania nazi anterior a la Segunda Guerra Mundial:

Tooze confirma hallazgos anteriores de que una parte relativamente pequeña de la expansión en el gasto público se hizo en forma de trabajos públicos como las autobahns, mientras que más del 80% consistió en gasto en rearme. Abelshauser llama a esto "keynesianismo militar en gran escala".

Y una conclusión que se me ocurre: ¿es el estallido de la Segunda Guerra Mundial en parte la historia del estallido de la burbuja militar alemana?

Crítica de libros de diseño

Las webs de críticas suelen resultar bastante útiles. Sean de libros, discos, películas u hoteles, casi todos nos hemos dedicado a ir de una web a otra buscando comentarios sobre el objeto de nuestra próxima compra. El principal objetivo de una web de este tipo es construirse una cierta credibilidad. En algunos casos se consigue recurriendo a que las críticas las hagan los propios usuarios aunque en estas webs siempre te toca leer cantidades ingentes de críticas hasta que sacas una conclusión aproximada. Otras se apoyan en un pequeño grupo de autores (en algunos casos uno solo) con un cierto prestigio ganado por su carrera profesional en el medio en cuestión.
Tratándose de libros de diseño, la mayor parte hemos acudido a algunos blogs o, más directamente, a los comentarios de lectores en Amazon. Ahora encontramos, gracias a CR Blog, una página creada por Andy Polaine y dedicada en exclusiva a la crítica de libros de diseño. En una primera aproximación las críticas de "The Designer's Review of Books" parecen completas y fundamentadas. Incluso dedica parte de sus textos a comentar las características físicas del libros (tipo de impresión, calidad y detalles específicos de la producción) e incluye por sistema una buena cantidad de fotos de los libros de los que escribe. Un buen sitio al que acudir si andas un poco indeciso antes de comprar un libro.

Entrevista a Sol Sender (sí, Obama otra vez)

Sol Sender fue uno de los responsables de la creación del logo de la campaña de Obama y ahora tiene un trabajo nuevo en VSA Partners que, por aquello de aprovechar el tirón, han puesto un par de vídeos en su web entrevistándolo. Para los que estén interesados en el diseño de logotipos es bastante interesante, especialmente el primero de ellos, que es el que os dejo en el post. El otro lo podéis ver aquí o en la página de VSA Partners [vía Brand New].
Quizás lo más curioso sea ver las distintas versiones por las que pasó el logotipo, especialmente los otros dos "finalistas". Los primeros ensayos son los más tópicos y menos interesantes. Los intentos de reflejar o fundir el 08 con la Ob de Obama resultan un poco efectistas pero eso es algo que, por experiencia propia, suele aparecer mucho en las primeras ideas de cualquier diseño y suele quedar como definitivo si no hay el tiempo o los medios de refinar ideas.

De los otros dos finalistas, uno, el que enmascara imágenes dentro de la O, es mucho más elegante y quizás demasiado alejado de lo que es un logotipo político que tiene que alcanzar a todos los sectores sociales, pero también es más moderno e interesante. El de los bocadillos tiene un aire más popular, si el otro pecaba de moderno y elegante este lo hace de informal. Como bien dice el propio Sender, quizás este (y yo diría que ambos) estaban demasiado "out of the box". Vamos, que se salían demasiado de lo que es un logo para un político y corrían el riesgo de no comunicar de una forma lo suficientemente global.
En logodesignlove hay imágenes de las distintas versiones y algunos de los comentarios del vídeo puestos por escrito. Todo en inglés, por no perder la costumbre.
En homenaje a Xordi, aquí dejo enlaces a todos los posts sobre Obama de este blog. ¡Qué no son tantos!
Sí, otra vez Obama
Obama, un resumen
Otro poster por Obama
Posters por Obama

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.

Watchmen

Considerada por muchos la mejor novela gráfica publicada (yo soy más partidario del Dark Knight), Watchmen tendrá película el año que viene y, por las imágenes previas y los trailers, la verdad es que promete fidelidad al original y una gráfica excelente. En abduzeedo han recopilado imágenes, trailers, homenajes y viñetas originales en su propio homenaje al comic original y a la película por venir.

Campaña navideña de TOMS

TOMS es una organización que nace de una imagen, la de un montón de niños descalzos. Precisamente para borrar poco a poco esa imagen, TOMS se compromete a que, por cada par de zapatos que se les compra, un niño que lo necesite recibirá otro. Comenzaron actuando en Argentina y en los últimos años han expandido su actividad a zonas de África. Una causa loable pero no, no nos hemos convertido en un blog sobre causas nobles, es que el vídeo de su última campaña navideña es una gozada. Aquí os lo dejo [vía abduzeedo].

Ajustar contraste y saturación con "Luz suave"

El otro día enlazaba aquí un tutorial de Nettuts y hoy hago lo mismo con la web del mismo grupo dedicada a nuestro gran amigo Photoshop. En Psdtuts nos regalan un vídeo-tutorial sencillo pero que nos da una buena alternativa para ajustar el contraste -y en cierta medida la saturación- de una imagen usando una capa en "luz suave". Existen muchas formas de hacer esto, como casi siempre en Photoshop, desde el uso más tradicional de los ajustes de niveles o curvas o, para el contraste, el uso de capas en modo "multiplicar" pero este es un método sencillo y, visto lo visto, con unos resultados muy buenos. Obviamente, está en una lengua propia de las islas británicas.


Photoshop Soft Light Layer Tutorial de Yanik Chauvin en Vimeo.

De un PSD a XHTML

Pasar de un diseño en Photoshop a una web completa, con su XHTML, su CSS y su pizca de JS, puede llegar a ser un arte. En Nettuts nos muestran en tres vídeos (que suman casi una hora y tres cuartos) todo el proceso, paso a paso, para una web no muy complicada pero con la mayor parte de los elementos que nos encontramos en una web estándar. Es muy interesante aunque tiene momento dignos de un buen bostezo. Para los curiosos, está en inglés y se recomienda cierta familiaridad con XHTML y CSS para no perderse.