RUDEWORKS / El blog-portfolio de RUDE

The PIXEL IMPLOSION! es el portfolio Bobby Andersen, un superdotado cahval de 19 años que se ha metido de lleno en el papel de diseñador estrella de iconos Mac-eros 2.0 (perdón por la expresión). La verdad es que la envidia me corroe cuando me plantan chavales de este tipo delante.

¿Qué hacía yo hace cinco años? Ah sí…

Esto es una adaptación al castellano (ojo, no traducción) de un artículo que me he encontrado en un blog llamado Wisdump.

Hay 4 errores básicos:

• Layout fluido: Tuvo su hype, pero yo siempre he pensado que los afortunados poseedores de un iMac 24” deben pasarlas canutas con los blogs de este tipo. Entre 15 y 20 palabritas por línea es bastante decente ya, a no ser que el tamaño de la tipografía sea realmente gigantesco, en ese caso, viva lo fluido.
• Demasiado alargado (a lo ancho): Más o menos el mismo tema de antes, pero esta vez tratándose de un layout fijo. Ya os comenté en un post que me parece un poco demasiado pronto para decir que el layout perfecto hacía 960px, es pecar un poco de horror vacui, ¿no? Esto nos lleva al siguiente punto.
• Insuficiente espacio blanco (o negro): El espacio negativo, o vacío de contenido, en los blogs ayuda a la comprensión del espacio, separación de secciones y claridad en la lectura, no lo petéis de banners y widgets.
• Información importante en el footer: Queda muy bonito eso de poner un footer enorme lleno de información, menús y chorradas varias para llenar hueco, pero no hay que despistarse, un porcentaje alto de visitantes puede que no llegue a esa profundidad y se esté perdiendo la mayor parte del contenido de vuestro blog.

Curiosidad artística porque sí de la mano del amigo Ganyet que en este momento está en San Francisco haciendo sus virguerías. RUDEWORKS en un iPhone en versión wide y normal.

El amigo Nikko me envía un par de sugerencias para postearlas por aquí, se trata de dos extensiones que te pueden ayudar a la hora de diseñar un sitio web si utilizas Fireworks o Dreamweaver:

• En primer lugar, Reticulator crea una retícula en un documento Fireworks a partir de unos parámetros que tú mismo puedes indicar, siendo la predeterminada la famosa retícula de 960px divisible por 2, 3, 4, 5 y 6.
• Y para Dreamweaver una extensión de Trio Solutions que crea fácilmente los famosos acordeones que están tan de moda.

<style>*{position:relative}</style><table><input></table>
Pon esto en un .html y abrelo en IE6. Se muere sin remedio. Los demás navegadores lo renderizan sin problema.

Hace tiempo que no digo nada de Marian Bantjes, una artistaza a la que admiro profundamente. Quiero reseñar que está trabajando en una tipografía llamada Restraint para Tiro Typeworks con un tal Ross Mills, y que, por lo que podéis observar, es preciosa preciosa.

Los amigos de You Work For Them regalan una muestra de vectores porque sí. Así que yo de ti clicaría rápido sobre este enlace para cazarlo antes de que se arrepientan.

A partir de una guía de A List Apart en la que se proponía el uso de una rejilla base para organizar visualmente los textos de un sitio web, un tipo llamado Rob Goodlatte ha creado un script en javascript llamado Syncotype que genera una rejilla base en tus sitios de pruebas para poder ajustar a tu gusto los interlineados y demás.

Habrá que añadirlo al arsenal de recursos para mejorar nuestros sitios, ¿no?

Desde la Smashing Magazine y Mashable nos enlazan a un total de 100 plugins que te pueden solucionar bastantes problemas a la hora de programar tus webs.

Os dejo un enlace a un pequeño tutorial que os explicará cómo conseguir que illustrator deje de suavizar los textos al estilo Mac para obtener unas capturas lo suficientemente cercanas a lo que se vería después en un PC que no tiene activado el Clear Type.

Básicamente hay que aplicarle un efecto de Rasterizado a 72ppp, con fondo transparente y sin anti-aliasing.

Por cierto, si habéis notado cierto tono burlesco en la imagen que acompaña a este artículo, pura fantasía.