El Columpio Asesino en Caracol

No estaba la sala llena pero sí que tuvimos (el sospechoso habitual para estos temas, xordi, y un servidor) una buena entrada para ver a El Columpio Asesino anoche en Caracol. La excusa era un nuevo disco, La Gallina, que me parece el mejor de los tres que han publicado hasta ahora. Más calmado, menos agresivo, más electrónico en ciertas partes y con mucho apoyo vocal de Cristina Martínez, que se agradece especialmente en el directo. Las letras siguen siendo buenas y teniendo la mala leche habitual pero hay mucha más variedad de ritmos y sonidos.
¿Y qué tal el concierto? Pues salieron con buena nota, un poco frío el principio pero rápidamente cogieron ritmo. La banda sigue sonando bien, el estado algo "alterado" (lo mismo es su estado natural pero lo dudo) de uno de los guitarristas dio algún que otro momento dudoso aunque, por qué no decirlo, también aportó algunas de las escenas más divertidas de la noche. Como decía antes, la parte femenina del grupo tiene un voz que disimula, mucho y bien, las carencias de los demás en ese apartado y el resto son buenos instrumentistas así que el resultado, aunque el sonido de la sala no sea el ideal, sólo podía ser bueno.
Enlazaron muchas canciones nuevas con los mejores temas de los dos discos anteriores con los que el concierto tuvo serios "picos de potencia". No andan cortos de actitud encima del escenario ni de inteligencia a la hora de organizar y plantear los temas en directo. Por poner un ejemplo que me gusto especialmente, "México", quizás una de las mejores canciones del disco nuevo, tiene un arranque en directo mucho más fuerte del que les salió en el estudio. Quizás les falta un poco de práctica con las canciones más lentas, será la falta de costumbre.
En fin, buen concierto, grupo muy recomendable y a buen seguro que repetiremos cuando vuelvan.

Otro vistazo a la derecha

Lo mismo un día de estos mueva la columna a la izquierda pero, mientras tanto, a su derecha se ha procedido a una pequeña reorganización de los "Blogroll", es decir, de las webs que suelo consultar de forma habitual. Tranquilos, siguen siendo todas sobre diseño pero eran tantas las nuevas que he tenido que dividirlas en dos grupos, las dedicadas al diseño y desarrollo web y las orientadas al diseño sin más.
Pues eso, viva la organización.

Nueva tanda de conciertos

A falta de decidir qué hago con los festivales de julio, me conformo comprando entradas para cosas más seguras. De momento este jueves estaré en el concierto de El Columpio Asesino. Disco nuevo, un buen recuerdo de la última ocasión en que les vi en directo (allá en Benicassim) y un concierto relativamente cerca de casa. Irresistible.
Un poco más tarde (un mes, para ser exactos), las palabras, mágicas: Morente, Lagartija Nick, Omega...

Primer intento

Inauguro aquí una nueva sección de este blog que consistirá en una lista de mis aventuras en la búsqueda de piso. Hoy hemos tenido un primer contacto con el mundo inmobiliario (hace poco tuve otro pero no llegué ni a ver el piso, así que creo que no cuenta). ¿Conclusiones? Que lo barato sale caro o que cuando un piso parece estar bien de precio pero la casa tiene la edad de tu abuela y tienes que tirar hasta la puerta para entrar a vivir pues lo mismo la casa no es tan barata.
Por cierto que es la primera casa que veo, imagino que no será la última, que tiene la cocina y el baño situado en el centro geométrico de la casa y sin ventilación. Cosas veredes...

Una pequeña clase de ilustración

En Go Media tienen cierta fijación por las ilustraciones de calaveras así que, para hacer una demostración de cómo dibujar sobre una fotografía, la elección era bastante obvia. Tan obvio como es que para hacer esa ilustración hace falta algo más que una foto; hay que tener una técnica notable, mucha práctica y todo ese cúmulo de conocimientos que diferencian a un ilustrador de los aficionados al dibujo por ordenador, como un servidor. El caso es que el vídeo que os pongo es un buen ejemplo de esas habilidades que uno trata de ir adquiriendo aunque en el trabajo no tenga la oportunidad y en casa esté dedicando casi todo mi tiempo al tema web. Todo llegará.


Draw a Skull with a Wacom Tablet from Go Media on Vimeo.

Stripe Generator

Si alguien está pensando en hacer un fondo rayado para su web (sí, los fondos rayados están de moda con eso de las webs 2.0) y no le apetece pelearse con Phostoshop o Illustrator para hacerlo, aquí os paso una web, Stripe Generator, que nos permite crear fondos de lo más variado (la cantidad de opciones que ofrece da para mucho) y salvarnos nuestro archivo PNG sin mayor problema.

Tatuajes, el dilema

En Noisy Decent Graphics tienen una teoría sobre los tatuajes y los diseñadores. Según Ben Terrett, la mayor parte de los diseñadores no se tatúan porque son incapaces de decidirse por un diseño para toda la vida y además no soportan cómo se degradan con el tiempo.
Por mi parte, doy mi apoyo a la primera parte de la teoría. Si no soy capaz de decidirme por un diseño para mi web, que puedo cambiarla en cualquier momento, ya os podéis imaginar lo que sería elegir algo que voy a llevar toda la vida en la piel.
En esta página somos pocos pero tenemos de todo así que, ¿alguna opinión al respecto?

Un libro con técnicas para Photoshop, gratis

En Site Point (yo me he enterado por PSDTuts) han decidido poner un libro con 101 técnicas de Photoshop en descarga gratuita durante unos cuantos días. No son tutoriales avanzados pero sí describen una buena cantidad de técnicas sencillas, muy orientadas a la web, y que está bien tener reunidas en un PDF. Como viene siendo costumbre, está en inglés.

Si miran a la derecha...

He añadido una pequeña encuesta. En vista de que mis dudas sobre qué hacer con los festivales madrileños de julio sigue en pie, acudo a su sabiduría y consejo para orientarme. La verdad es que luego haré lo que me salga de las narices pero quería probar cómo funcionaba esto de las encuestas en el blog. Eso sí, votad, que si no va a quedar muy triste.
Los razonamientos tras vuestro voto los podéis dejar en este post.

¡Una camiseta de La 2ª planta!

Mis sospechas eran correctas, esa notificación de correos que recibí ayer era el anuncio de que (¡al fin!) podré hacer promoción de La Segunda Planta por las calles de Madrid con una estupenda camiseta. Como no me muevo mucho la promoción la haré fundamentalmente en el trabajo pero algo es algo.
La camiseta es genial y la talla es la buena aunque los aviones tan característicos de la marca tienden a adaptarse al riñón en el que almaceno las reservas para la crisis (cosa que, por otro lado, me pasa con todas las camisetas), habrá que perder ese par de kilos que llevan resistiéndose todo el invierno.
¡Gracias, artistas!

Cartel por días del Summercase 2008

Ya tenemos la tan ansiada distribución por días del cartel del Summercase. Como era de esperar, al menos en mi opinión, han dejado para el sábado en Madrid lo que más competencia podía hacer al Saturday Night Fiber que se celebra el mismo día. Grinderman, Interpol, Primal Scream y Blondie frente a Morrissey, My Bloody Valentine y Hot Chip. Sí, definitivamente son unos puñeteros, hasta el punto de que han dejado un cartel para el viernes que me da hasta pereza.
Ahora sólo queda decidirse, ardua tarea.

Extensiones de Firefox para diseñadores

Después de sumar dos extensiones más esta mañana a la lista de las que tengo instaladas en Firefox he pensado que estaría bien hacer una lista de estas utilidades, con U mayúscula. Algunas de ellas vienen a hacer lo mismo pero ya se sabe que cuatro ojos ven mejor que dos. Empezamos con la lista:

1. Web Developer 1.1.5 por Chris Pederick. Esta es prácticamente de instalación obligada. Una vez instalada os aparecerá una barra de herramientas bajo los Marcadores con las que podréis activar y desactivar hojas de CSS, Scripts, Cookies, formularios, imágenes... La verdad es que sería más fácil decir qué no se puede hacer con esta extensión. Entre las herramientas más útiles las que identifican los elementos de página y ofrecen todo tipo de información (tamaños, estilos, herencias...). No conozco la mitad de las herramientas de Web Developer ni la mitad de lo que debería y aún así le pediría matrimonio si estuviera legalizado casarse con un trozo de software.
2. Firebug 1.05 por Joe Hewitt. Un debugger para CSS, HTML y JavaScript. Yo el CSS y el HTML los suelo pasar por la página del W3C pero este detector de errores es muy completo y más sencillo de usar.
3. HTML Validator. Como su propio nombre indica, viene a hacer lo mismo que Firebug o que el Web Developer para HTML pero con la ventaja de mostrarte un pequeño icono en el navegador que sirve de chivato visual. Un buen complemento a los otros dos.
4. Firesizer 0.63. Esta herramienta nos deja redimensionar el navegador al gusto. Bastante práctico para ver cómo se comportan nuestra páginas a distintos tamaños. Ya queda poca gente navegando a 800x600 pero hay precauciones que hay que tomar.
5. Colorzilla. Esta extensión funciona de forma parecida al cuentagotas de Photoshop con lo que, lo habéis adivinado, nos ahorra tener que hacer un pantallazo y abrir el programa de Adobe para tener el valor exacto de ese color que tanto nos gusta de esa página... Los valores se pueden guardar, añadirlos a favoritos y otra serie de opciones que desconozco porque lo acabo de instalar hace media hora.

Y esta era la lista. ¿Mi recomendación? Dado que no molestan, yo los tengo instalados todos, aunque al que recurro de forma insistente es al Web Developer.

El Saturday Night Fiber será "nights" en un futuro

Al menos eso dice José Luis Morán en unas declaraciones que recoge El Mundo. Es posible, supongo que si este año la cosa va bien, que en futuras ediciones el Saturday Night Fiber pase de un cuarto de FIB a medio FIB. A mi me iba a salir mucho más barato el verano de festivales, la verdad, aunque el encanto y la "bohemia" de Benicassim siempre son un aliciente.
A ver si el año que viene podemos tener dos días de Summer, unos días de descanso (confiando en que este sea el único año en que se comete el desatino de hacerlos coincidir) y dos días de FIB en Madrid. También es posible que esto sólo sea un globo sonda para ver hasta donde les llega el miedo a los del Summercase.

Don't copy that floppy!

La lucha contra la piratería tiene una larga historia aunque los argumentos vienen siendo los mismos desde el primer día. Los desesperantes anuncios al inicio de vuestros dvds son sólo la versión moderna, y mucho menos divertida, de esta campaña dirigida a convencer a los jovencitos norteamericanos de lo poco correcto que era hacer copias de sus disquetes. La verdad es que el tipo da miedo... "Don't copy that floppy!" [vía Speak Up]

Una portadilla pasada por agua

Hay días en que Photoshop es tu peor enemigo y otros en que le darías un beso a la pantalla si luego no tuvieras que limpiarla. Hoy, a partir de un par de fotos (un camión circulando, el lateral de otro vehículo "molto longo") y de un montón de imágenes de agua, me ha salido en un tiempo record una portadilla (no estáis viendo la imagen completa ni en todo su esplendor) de esas que te gritan: "esta pa'el currículum". Pues eso.

¿Salir arriba en Google? Toma un poco de SEO

¿Y eso de SEO qué es? Traducido, algo así como optimización de motores de búsqueda (search engine optimization) y, más traducido aún, una serie de técnicas para los algoritmos de los buscadores tipo Google o Yahoo pongan tus páginas lo más alto posible (sin pagar).
En Web Desginer Wall enumeran muchos de esos consejos, particularmente los que los diseñadores podemos encontrar más útiles en nuestro trabajo y que no conviene ignorar. En resumen, estos:

1. Que tu primera página no sea un pantallazo precioso pero sin contenido indexable.
2. Los motores de búsqueda no suelen indexar elementos flash ni pueden acceder a su contenido, ¿menús en flash? No, gracias.
3. No abuses de Ajax, el buscador indexa lo primero que carga, no las recargas asíncronas posteriores.
4. No cambies la ruta principal con redirecciones.
5. Da personalidad a tus enlaces. No pongas en todos "haz click aquí" o "más" (un error que estaba cometiendo yo ayer mismo). El buscador no saca información de textos tan genéricos y además puede pensar que tu web es puro spam.
6. Titula bien. Cada una de tus páginas debe tener su título y debe empezar por los más específico, no por lo más genérico.
7. 65 caracteres. Ese es el espacio que tienes para tus encabezados y títulos de página si no quieres que los motores de búsqueda los seccionen.
8. No por repetir la misma palabra clave en un título seis veces tendrás mejor posición en una búsqueda aunque sí es buena idea que si tu palabra clave tiene más de un sinónimo habitual en las búsquedas te las apañes para que aparezcan.
9. Incluye un "alt" en tus imágenes.
10. URLs legibles. Si es posible, la ruta a tus páginas debe tener sentido y no ser un galimatías tipo lamalamemoria.blogspot.com/?p=135458

Bueno, todo esto (y muchas otras cosas) lo comentan mejor en el artículo original pero las pistas básicas están aquí para que los desmemoriados nos acordemos.

Morrissey al Saturday Night Fiber 08

Los Morán vuelven a la carga intentando hacerle la cama al Summercase. Cuando algunos ya dábamos por cerrado el cartel del Saturday Night Fiber, la reducida versión madrileña del FIB, la organización se nos descuelga con un nombre de mucho peso, Morrissey. Muchos recordamos su último concierto en Benicassim, allá por el 2006 y otros recordarán, yo incluido, su espantada del mismo festival en 2004 (esos operarios retirando las letras gigantes del escenario...). Pues ahora, si nos creemos tanta formalidad por parte del ex de los Smiths, estará dos veces, en Benicassim y en Madrid.
Ahora sí que se nos pone caro decidirnos, ¿dos días de Summercase o un día de FIB y otro en Boadilla? Y eso que las vacaciones y los festivales son para relajarse...

Los atajos de teclado también dan juego

De las cosas más comunes se pueden sacar grandes diseños, quizás más llamativos precisamente por apoyarse en algo que usamos o vemos cada día pero que nunca se nos hubiera ocurrido sacar de contexto para convertirlo en algo distinto. Y para que veáis que no hablo por hablar, que ya sé que a veces lo parece, os dejo un poster de una serie que he encontrado gracias a Speak Up y que usa a nuestros viejos amigos los atajos de teclado como excusa para que nos llegue algún que otro mensaje que en cualquier otro caso probablemente ni nos esforzaríamos en leer.
Para los que no estéis habituados a los atajos del Mac, ese símbolo raro es el equivalente al Ctrl de los PC. Y ya puestos, que se que hay más de un seguidor de Steve Jobs por ahí, ¿alguien sabe cuál es el origen de ese símbolo tan raro?

sIFR

Bajo tan extraño nombre se esconde una técnica para incorporar fuentes específicas a una página web. Para los que no estén muy situados en la materia, una web, salvo que esté hecha en Flash, muestra fuentes que estén instaladas en el ordenador de aquel que la visita. El diseñador puede especificar una lista de fuentes y el navegador del cliente irá probando, una por una, hasta que encuentre una que esté instalada en su equipo. En caso de que ninguna coincida usará una fuente por defecto del sistema. Esto nos deja las manos atadas en cuanto al aspecto que presentará nuestra web dependiendo de quién la esté visitando, pero todo en esta vida, o casi, tiene solución.
Vaya por delante que en todos los textos más allá de los títulos o cabeceras de sección, tendremos que seguir asumiendo trabajar con las fuentes del sistema pero, al menos para esos elementos que dan personalidad a la página, no carecemos de recursos.
Un "truco" clásico y que se usa prácticamente desde que los navegadores comenzaron a mostrar algo más que texto (en el pleistoceno, más o menos), es sustituir textos por imágenes. Esto, obviamente, aumenta el peso de la web, el tiempo de descarga y convierte el mantenimiento en una pequeña pesadilla si tus encabezados cambian frecuentemente. Con todos estos inconvenientes, y dejando aparte cuestiones de accesibilidad, os imaginaréis que la sustitución de textos por imágenes se viene usando, como comentaba antes, en encabezados, elementos fijos y poco más.
Uno de los problemas de esta técnica, el hecho de que el texto real no aparece en el HTML (imaginad que alguien desactiva las imágenes o usa un lector de pantalla, nuestro títulos no existen para esa persona), se solventó cuando el CSS nos permitió mantener nuestro texto en HTML y, al mismo tiempo, esconderlo a la vista y sustituirlo por una imagen (encontraréis una pequeña explicación de una de estas técnicas aquí). Pero se mantienen los problemas de mantenimiento además del trabajo extra que es ir creando una imagen y situándola en la web para cada texto que queramos que use una fuente en particular.
sIFR (os dejo la página oficial y un ejemplo de su uso por uno de sus desarrolladores) es una alternativa basada en Flash, JavaScript y CSS que se sirve de un único archivo swf de Flash en el que se incrusta la fuente que escojamos. A través de JavaScript, este sistema consigue sustituir aquellos textos que indiquemos (todos los h2 o todos los h3 con clase "titular", etc, etc...) por ese mismo texto con la fuente que hayamos incrustado en el swf. El texto en HTML sigue ahí y nuestro JavaScript se encarga de encontrar los textos y hacer la sustitución de forma automática. Seguimos aumentando el peso de nuestra página pero de forma controlada y los problemas de usabilidad y mantenimiento desaparecen (por ejemplo, si queremos cambiar de fuente nos es suficiente con cambiar una única vez nuestro archivo swf).
En principio puede parecer que instalar este sistema en nuestras webs es algo complejo pero el otro día tuve la fortuna de tropezarme con una página que explica, paso a paso, el proceso. La encontraréis en designintellection.com y realiza un seguimiento paso a paso de la instalación, desde de dónde hay que bajarse los archivos, dónde incluir nuestras llamadas a los JS y CSS en el HTML y qué cambios hay que hacer en los archivos para usarlo (ya veréis que realmente sólo hay que manipular un archivo de JavaScript de forma mínima). Baste decir que yo conseguí hacerlo funcionar anoche en veinte minutos así que complejo, lo que se dice complejo, no es.

CSS: Reseteando

Incluso aunque no incluyas CSS en una página web, hay ciertos estilos que cada navegador define por defecto al interpretar el HTML. Así pues, conviene ser conscientes de que existen unos estilos CSS definidos por nuestro navegador (llámese Firefox, IE, Opera, Safari...) que pueden interferir en nuestros diseños, aplicando una regla por defecto cuando hayamos dejado sin definir una por nuestra parte.
Para evitar sorpresas podemos incluir un CSS en nuestras páginas que "resetee" los estilos del navegador, permitiéndonos trabajar desde cero sin interferencias indeseables. En las siguientes dos páginas podéis encontrar dos ejemplos de reglas CSS de este tipo.

• Eric Meyer en meyerweb.com
• En la librería del Yahoo UI

Morgan Freeman recibe el nuevo disco de Radiohead

Aquí os dejo un par de vídeos de Radiohead dirigidos por Adam Buxton y Garth Jennings. En el primero veréis una peculiar interpretación de Faust Arp y en el segundo, Morgan Freeman recibirá su copia de In Rainbows ante la atónita mirada de Brad Pitt.
Ah, podéis leer una pequeña entrevista con Buxton en CR.