Atajos de teclado en Fireworks

Ya he comentado en alguna ocasión que en la Gran Corporación somos fans de Fireworks. Tengo pendiente un post más detallado explicando por qué, pero de momento aquí va un pequeño adelanto : )

Independientemente del software que utilices, ya sabrás que los atajos de teclado son el mejor aliado de la productividad y la vagancia.

Lo que a lo mejor no sabes es que los atajos de teclado de Fireworks, además de ser personalizables de una forma bastante sencilla, pueden asignarse a tus propios comandos.

Para personalizar los atajos de teclado, abre el menú Fireworks » Keyboard Shortcuts…

Panel de asignación de atajos de teclado de Fireworks

Puedes seleccionar varios grupos de atajos por defecto (Illustrator, Freehand, Photoshop…) para que no tengas que reaprender lo que ya sabes, y puedes guardar tu propio set personalizado (ideal para transportarlo de un equipo a otro si usas varios ordenadores)

Si te fijas en el panel verás que aparece el menú “Commands”, que es donde se encuentran cosas como Reticulator y otros comandos personalizados:

Panel de atajos con teclas personalizadas

Si seleccionas un item de menú podrás asignarle la combinación de teclas que más rabia te de, y lo mejor es que el atajo funcionará siempre (ahora veremos por qué esto es importante)

Un ejemplo práctico (al menos para mi : )

Una cosa que siempre me ha molestado de Fireworks (y de Illustrator, y de Freehand, y de…) es que no es fácil cambiar el color de una selección sin hacer malabarismos con el ratón. Tienes que moverlo a donde tengas la paleta de colores, seleccionar el color, y luego volver a donde estabas. Si además tienes las paletas ocultas la operación es un coñazo. Y en el caso de Fireworks, si tienes un texto seleccionado el 90% de las veces te lo acabarás cargando al darle a TAB para mostrar las paletas.

Solución: un comando de Fireworks, claro : )

Guarda el fichero Show Color Picker.jsf en tu carpeta de comandos (en Mac es ~/Library/Application Support/Adobe/Fireworks CS3/Commands/) y asígnale un atajo de teclado (yo he usado Ctrl + Shift + C). A partir de ahora, cuando quieras cambiar el color de cualquier cosa sólo tienes que pulsar el atajo de teclas, y un bello selector de color aparecerá en la posición donde tengas el ratón:

Show Color Picker en acción

Aún tengo que arreglar un par de bugs, a saber:

  • si el objeto seleccionado no tiene relleno, inexplicablemente no funciona con el color #FFFFFF (con todos los demás si). Esto parece un bug de Fireworks, pero tengo que confirmarlo. Bug corregido! Es un fallo de Fireworks, pero he encontrado un bonito “workaround” :P
  • si usas el comando con una selección de texto se colorea toda la caja de texto y no sólo la selección. Más que un bug es un “así funciona Fireworks”, pero ya tengo más o menos claro cómo resolverlo, sólo es cuestión de tiempo.

Espero que os sea útil!

smupf.com

Tengo la increíble suerte de compartir oficina con una de las personas más encantadoras de la web nacional: mamuso. La verdad: no se puede ser más majo.

Para quienes no lo conozcan, mamuso (además de ser un gran artesano web) tiene un serio problema de adicción una gran afición a los toys.

La estanteria de mamuso

(esto es sólo lo que tiene en el curro : )

No hay semana que no llegue al menos un paquete lleno de personajillos coloridos a la ofi… y en plan coña decíamos

mamuso, parece que estés montando una tienda…

¡Y va y monta una tienda! :D

Logo smupf

El plan de negocio es lo más sensato que he leído en mucho tiempo: “que puedas encontrar lo mismo que nos gustaría a nosotros encontrarnos en una tienda de toys”.

La verdad es que soy un novato absoluto del mundo toy, pero siempre me ha fascinado la estética del asunto. Así que no he podido resistirme y me he agenciado estas dos monadas:

Miss Mishka & Bamboobi

Eso sí, una advertencia: dicen que cuando empiezas con esto no hay vuelta atrás…

Visita smupf.com y pon un poco de alegría en tus estanterías : )

Cositas que molan: soup.io

Ayer estuve probando un (otro) servicio de micro-publicación personal: soup.io

Soup es, para que nos entendamos, una versión ampliada y mejorada de Tumblr pero manteniendo sus virtudes: simplicidad y rapidez.

Me ha parecido brillante el formulario de publicación que tienen en la home:

Formulario de publicación de Soup.io

Primero publica, prueba, trastea. Después, si te convence, asocia un login y un password al contenido.

Otros detalles interesantes: puedes republicar contenido de cualquier blog de soup.io en el tuyo, y automáticamente aparecerá un enlace al post de origen en el tuyo y (gran maniobra) un enlace a tu blog desde el contenido original.

Aprovechando que el sistema de importación de contenidos desde otros sitios soporta Tumblr, he movido todo lo que tenía publicado en mi otro blog a soup.io.

Lo mejor: Si vienes de Tumblr y usas tu (b)log como vertedero de enlaces a revisitar más tarde, la cajita de búsqueda no tiene precio.

Lo peor: El tinglado tecnológico que usan falla más que una escopeta de feria : )

Cambios en la URL del feed de Sofá Naranja

Desde hace un par de semanas FeedBurner ha estado haciendo el idiota con el encoding del feed RSS de Sofá Naranja.

Es por ello (oye) que deberías actualizar la URL del feed a http://sofanaranja.com/feed/ (algo que, teóricamente, debería haber ocurrido de forma automática, pero que obviamente no ha funcionado)

Gracias, y perdón por las molestias…

Oferta de empleo en The Cocktail

Acabo de descubrir Woila, un mini-buscador de “ofertas de empleo para el sector tecnológico y creativo”.

Y qué mejor forma de probar un servicio nuevo que publicando una oferta de empleo para The Cocktail

La pego por aquí por si te interesa, o conoces a alguien que esté interesado:

Qué hacemos

The Cocktail es una consultora de experiencia de usuario y diseño de productos digitales (tomaya). Diseñamos pensando ante todo en el usuario, y nuestros clientes incluyen entre otros a BBVA, Grupo Prisa, Grupo Planeta, Vocento, Movistar, Turner, Banco Popular, UEM…

También somos los creadores de La Coctelera, el mayor portal latino de blogs, y de The Shaker, el software de gestión de comunidad en Ruby on Rails que sostiene muchos de nuestros proyectos.

Qué necesitamos

Más que una serie concreta de habilidades, en The Cocktail buscamos a alguien con las convicciones y la personalidad necesarias para encajar en nuestro (particularmente idiosincrático) equipo.

Preferimos a alguien versátil con capacidad y ganas de aprender cosas nuevas.

Trabajamos en equipos pequeños, desarrollando proyectos de forma ágil. Es decir, que no estarás 6 meses en el mismo proyecto infinito.

Qué ofrecemos

Nuestro equipo está formado por Diseñadores de Interacción, Arquitectos de la Información, Gestores de Comunidad, Programadores, Administradores de Sistemas y demás fauna internetera.

Trabajamos en un entorno jóven y distendido (nadie usa corbata en la oficina) y son frecuentes las salidas nocturnas y las celebraciones corporativas (vengan o no al caso).

Asistimos con asiduidad a conferencias y eventos, además de colaborar en la organización de cosas como la Conferencia Rails 2006 y 2007 y From Business to Buttons 2008. Creemos firmemente en la formación interna, y tenemos una biblioteca bien surtida con las últimas novedades. Además organizamos talleres y cursos de formación (tanto internos como públicos) para estar un paso por delante del mercado.

Pensamos que un buen trabajo requiere las herramientas adecuadas. El departamento de diseño trabaja con Mac, pantallas de 20″ y dos monitores.

Los horarios son flexibles, somos bastante respetuosos con la vida personal (y los proyectos paralelos) de la gente, y casi nunca verás a nadie trabajando más allá de la hora oficial de salida.

Quién eres tú

Imprescindible

  • 3+ años de experiencia
  • Portfolio de trabajos online
  • Manejar con soltura Fireworks, o tener disponibilidad mental para abandonar Photoshop
  • Que seas nativo web
  • Que tengas capacidad de autogestión (no tendrás un jefe en el cogote cada 15 minutos)
  • Nociones de (o al menos cierta sensibilidad con) usabilidad, HCI, etc…
  • Conocimientos de maquetación con estándares, CSS, XHTML, etc aplicadas al diseño (no vas a maquetar, pero querrás llevarte bien con el departamento de front : )
  • Que seas dialogante
  • Sentido del humor
  • Que no seas alérgico a los perros (tenemos a Maggie en la oficina) ni a los gatos (el Departamento de Diseño es Pro Gatuno y se trae pelos pegados en la ropa a la oficina)
  • Que jamás hayas pronunciado las frases “no entendéis mi arte”, “coartáis mi creatividad” o “no tenéis ni idea”

Deseable

Cosas que harán que consideremos tu candidatura con cariño

  • Manejo de Illustrator, InDesign y cualquier otra herramienta que te permita hacer lo mismo en menos tiempo.
  • Inglés a nivel conversación
  • Dominio de plataforma Mac (porque te pondremos uno, básicamente : )
  • Presencia online (blog, delicious, Flickr, LinkedIn, etc…)

Bola Extra

Cosas que en realidad no hace falta que sepas, pero que harán que te miremos con mejores ojos:

  • JavaScript
  • Flash
  • Cualquier otra habilidad que pienses que mola (por ejemplo, que seas un maestro del Guitar Hero)

Si te interesa, estaremos encantados de escuchar lo que quieras contarnos. Envía un mail a ale.munoz en the-cocktail.com, y seguimos hablando por correo ;)

Blogs de diseño, vol. 1

A petición popular (dos, de momento : ) voy a compartir una lista de algunos blogs de diseño que tengo en Google Reader. Algunos son clásicos, algunos los tiene todo el mundo, y alguno acabo de añadirlo. (Casi) ninguno es el típico blog de “mira qué cosa más chula he encontrado”, porque de esos seguro que tienes mil, y porque una de las cosas más bonitas del diseño es leer sobre él.

Aquí van, sin orden ni concierto:

  • Crónicas de Pseudonimma El blog de Álvaro Sobrino, que ha sido un descubrimiento reciente. Conocí a Álvaro en 1997 en el grupo es.comp.artes-grafics, y desde siempre ha sido un placer leerlo. Su blog habla de diseño gráfico en casi todos sus aspectos, con ese enfoque que sólo alguien de su talla puede aportar.

  • A Brief Message Publica con periodicidad irregular pequeños ensayos (menos de 200 palabras) sobre diseño, y es uno de esos blogs que hay que leer visitando la web (sólo estoy suscrito al feed para enterarme de cuándo actualizan). Normalmente, los comentarios son casi tan interesantes como los posts.

  • Design Observer Un blog con 11 autores, que parece que compiten a ver quién publica el mejor contenido. Ensayos, y artículos informativos sobre historia del diseño. Un obligatorio.

  • DesignNotes Como un “blog de links”, pero de mucho nivel y con comentarios sabrosos.

  • ideasonideas Llegué aquí por el (demoledor) artículo “Fuck style” y fue amor a primera lectura. Eric Karjaluoto, el autor, es Director Creativo en smashLAB, la empresa que está detrás de Design Can Change

  • makememinimal Descubierto gracias a Javier Cañada, según los autores es un “weblog colaborativo de un grupo de mediocres que hablan y opinan sobre diseño en el mundo real, palabrería y estandarización”. Reflexiones sobre “diseño” (en sus acepciones más amplias) con un tono que, personalmente, me encanta.

  • Monoscope Como un Tumblr de diseño: una imagen, un link, y (a veces) una frase. Nada más. Y nada menos.

  • Quipsologies Una colección de enlaces comentados, sobre todo lo que huela a diseño. Tienen dos feeds, uno de enlaces publicados por los autores y otro de enlaces enviados por la comunidad.

  • Speak Up > Design Dialog De los mismos autores de Quipsologies, un blog con mucha sustancia (i.e: a veces es un poco denso : )

  • Interacciones El blog de Ariel Guersenzvaig, Cap del área de diseño de interacción y gráfico de la Escuela Universitaria de Diseño Elisav, y desde hace poco director del Observatori del Disseny del FAD (un proyecto que, oye, me da mucha envidia : )

  • La libroteca de Visual Porque nunca se tienen demasiados libros de diseño : )

  • Letritas El único blog de tipografía que voy a poner en esta lista (ya haré una de blogs de tipos). El contenido, el tono y las ilustraciones hacen que leer este blog sea una auténtica delicia.

Y creo que de momento ya está bien : )

Autosave en TextMate

Hay una preferencia de TextMate (no muy conocida, a juzgar por las veces que se la he enseñado a alguien :) que guarda automáticamente tus ficheros cuando cambias de TextMate a otra aplicación:

TextMate: Save Files When Focus is Lost

Parece una tontería, pero no tener que acordarte de guardar los cambios cuando abres un navegador para recargar un HTML o una CSS es algo a lo que te acostumbras muy rápido.

De hecho, cuando uso un editor que no es TextMate, el 50% de las veces que falla algo es porque se me ha olvidado guardarlo antes de recargar la página en el navegador :P

Fundamentos de diseño: La Regla de 0-1-n

Preparando mis notas para unas clases que daré próximamente, me doy cuenta de que tengo un mini artículo pendiente de publicar sobre el “diseño para la incertidumbre”: la Regla de 0-1-n.

Es un teorema/principio/hipótesis/regla empírica, que tiene sus raíces en el mundo de la programación. Mi fuente de inspiración fue el Wiki de C2 (una joya de la información, por cierto)

La regla, en su versión diseñosa, viene a decir:

Cualquier elemento de diseño puede existir cero, una, o infinitas veces.

Destripemos la frase un poco:

Cualquier elemento de diseño se refiere a “cualquiera”. Iconos, botoncillos, cajas de texto, elementos de menú…

puede existir cero quiere decir que no existe. Punto pelota. “El site no tiene menú a la izquierda”. “No hay buscador”. “Un post nunca llevará una imagen”

una quiere decir 1, la unidad, sólo uno de ese tipo. “El logo estará arriba a la izquierda”. “La caja de búsqueda estará arriba la derecha”.

o infinitas veces pasando del 1, el resto de los números no significan nada. Si el blog tendrá más de 1 post en portada, debería poder tener 5, ó 20, ó 500.

Un porcentaje muy importante de los problemas de diseño* que me encuentro tienen su raíz en no observar esta regla. No importa que hayas definido que tu portada de periódico tendrá 2 destacados. Mañana sucederán 5 cosas tan importantes que tendrán que destacarlas en portada.

* “diseño” se usa aquí en su acepción más amplia, incluyendo arquitectura de información y HCI.

Mi consejo es bastante simple: el único número al que deberías cogerle cariño es el 1. Los demás no existen. Invierte tu tiempo diseñando sistemas flexibles que admitan crecimiento ilimitado, no en cuadrar pixels para que quepan las 3 promos en el ancho de la columna ;)

Sobre el diseño y su contexto

Genial artículo de Jonathan Baldwin en Speak Up sobre cosas que ya sabemos sobre el diseño pero que nunca está de más recordar: “Pizza Flyers: The Height of Good Graphic Design?”

Los tres puntos clave del artículo (qué es el diseño en realidad, qué se entiende por “buen diseño”, y cómo el contexto define tu producto) se resumen en la frase que, en mi opinión, es el corazón del post:

the real reason pizza flyers look the way they do is because that’s what pizza flyers are expected to look like

Para leer con calma y recordar cuando diseñemos ; )

Infovis Planet

Para los que (aún) no lo conozcan, Planetaki es el último proyecto de Javier Cañada.

Por una parte, es un agregador de feeds para los que no (necesariamente) saben lo que es un agregador o un feed.

Y por otra parte, es un sistema genial para compartir selecciones de blogs (“planetas”) de forma sencilla.

Javier mantiene un planeta sobre “la intersección entre la arquitectura, el diseño de interacción y la computación ubícua”, y es lo que me ha inspirado para crear un planeta sobre visualización de información (el noble arte de hacer evidente lo oculto entre montañas de datos): http://planetaki.com/infovis

La lista de feeds del Planeta Infovis es tal que esta:

Si crees que falta alguno, ponlo en los comentarios y lo añadiré.

Nota: ahora mismo el RSS de Planetaki no está funcionando como debiera. El equipo lo sabe y está trabajando en ello, así que tengan paciencia :)