Adobe, me tienes contento…

Si has trasteado un poco con el nuevo Fireworks CS3, quizá hayas descubierto una nueva funcionalidad: la “Common Library”.

Básicamente, la Common Library es un repositorio de símbolos para todos tus proyectos, que tienen la particularidad de que pueden ser programados para “hacer cosas” de una forma bastante sencilla.

“Hacer cosas”, en este caso, significa que puedes crear un símbolo gráfico (un botón, por ejemplo) y hacer que cada instancia del símbolo tenga un texto distinto manteniendo el mismo fondo…

Caos de Botoncillos

…cosa que viene muy bien cuando tu cliente te pide que quiere un botón “más llamativo”:

Caos de Botoncillos Horteras

Un cambio = 11 botones actualizados. La Ley del Mínimo Esfuerzo™ en pleno efecto :)

Hasta aquí todo bien… cuando además descubres que Adobe ha incluido en la Common Library una colección de símbolos con todos los elementos de formularios de Windows y Mac, quizá empieces a ponerte nervioso pensando qué vas a hacer con tooooooodo el tiempo de trabajo que te vas a ahorrar.

Caos de Elementos

¡PERO…!

Todo en esta vida tiene un precio, y en Adobe decidieron que no estaban dispuestos a retrasar la salida de la Creative Suite CS3 para esperar que el equipo de Fireworks CS3 corrigiera los bugs de la Common Library y nos han obsequiado con un sistema potencialmente útil que, en su encarnación actual, es una auténtica castaña.

Un ejemplo: prueba a poner una ñ o una tilde en la etiqueta de un botón. Verás qué risa…

Por si esto fuera poco, la primera actualización de Fireworks CS3 ha roto lo poco que funcionaba de la Common Library. En concreto, ahora es imposible cambiar el tamaño de un símbolo sin que se rompa por todos lados:

Botones Escacharrados

Que conste que me encanta despotricar, pero como soy más de la filosofía de “Más vale encender una luz que maldecir la oscuridad”, aquí va una imagen llena de esperanza que he hecho para ilustrar este post:

Arreglando los Fallos de Adobe

No sé cuándo los terminaré (pronto, espero, porque me hacen falta para trabajar :) pero en cuanto estén listos los publicaré en el blog (y se los mandaré a Adobe junto con un tirón de orejas). Permanezcan atentos a sus pantallas ;)

Mejora tu productividad con la carpeta “Current”

Inauguro una nueva categoría en el blog, “Productividad”, donde iré compartiendo trucos y técnicas que uso a diario para trabajar menos (y mejor)

Como dijo el gran Sergio Gil:

Para mí hay dos tipos de vagos, el vago bueno y el vago malo. Al vago bueno no le gusta trabajar, y hace cosas increíblemente ingeniosas para no tener que hacerlo

El primer truco es una técnica bastante simple para no tener que acordarte de dónde están los ficheros con los que andas trasteando.

Básicamente, consiste en tener en alguna parte (yo la tengo en el escritorio) una carpeta “Current” (o como quieras llamarla) donde irás copiando accesos directos a lo que tengas entre manos en cada momento.

Yo la tengo en el escritorio porque:

  1. Es más fácil tirar cosas dentro usando Exposé
  2. Es fácil de ver (sólo tengo 4 iconos)
  3. En cualquier otro sitio se me olvida que está y dejo de usarla :)

Mi escritorio actual es una cosa así:

Escritorio minimalista

y como veréis la carpeta “Current” no tiene pérdida :)

Además de en el escritorio, tengo un acceso directo a “Current” en el Sidebar del Finder, con lo que tengo acceso a la carpeta desde todas las aplicaciones a la hora de abrir y guardar ficheros:

TextMate: Open

Por último, para tener siempre la carpeta a un atajo de teclado de distancia, he cambiado una de las preferencias menos utilizadas del Finder: la carpeta por defecto para nuevas ventanas.

Carpeta por defecto para nuevas ventanas

Así, cada vez que pulso ⌘ N en el Finder tengo mi ventana de “Marrones en Curso” lista…

Como veréis, en “Current” tengo sobre todo accesos directos a carpetas. Para crear un acceso directo, basta con arrastrar el elemento mientras pulsamos ⌥ y ⌘. El cursor se convertirá en el símbolo de acceso directo, y ya podemos arrastrar el icono a Current. Otro detalle de agradecer es que podemos cambiar el nombre del acceso directo y seguirá llevándonos al mismo sitio (algo muy útil si todas tus carpetas de código en todos tus proyectos se llaman “Code” :)

Y eso es todo (que no es poco para ser el primer truco :)

Reticulator, un creador de retículas para Fireworks

Una de las herramientas esenciales en el diseño de webs (aparte de un café decente y cantidades industriales de música) es la retícula o grid.

Si trabajas asiduamente con retículas y Fireworks, habrás querido asesinar más de una vez al equipo de programadores que decidió que las guías en Fireworks no podían copiarse.

Si eres del Club del Vago™, quizá tengas plantillas para tus retículas habituales.

Pero si quieres entrar en el Club de los Realmente Vagos™, no hay nada como programar tus propios comandos.

Reticulator es un comando para Fireworks 8 o superior (Windows y Mac) que te permitirá crear guías siguiendo una retícula en cuestión de segundos. Desde que empecé a usarlo me ha ahorrado montañas de trabajo, y hoy te lo ofrezco a ti, diseñador estresado, para que dediques tu escaso tiempo a diseñar en vez de a mover guías.

Cómo funciona Reticulator

La cosa es fácil:

  • Lo instalas con Adobe Extension Manager
  • Creas un documento nuevo
  • Seleccionas Commands » Grids » Reticulator
  • Rellenas los datos que te pide el comando (a saber: ancho de la retícula, número de columnas y espacio entre columnas)
  • Te maravillas de la tecnología moderna

Bola extra: si tienes un objeto seleccionado, la retícula se creará a partir de la posición X de dicho objeto.

Bola extra 2: si (como yo) casi siempre usas una retícula de 960 pixels, 16 columnas y 9 pixels entre columna, tienes un comando que genera esa retícula sin que tengas que introducir los datos.

Reticulator es gratis total, pero se admiten invitaciones a cerveza si acabas usándolo para algo productivo.

Sin más dilación, aquí lo tienes:

Reticulator 1.5.4