Carpetas: cada diseño en su lugar

1 Comment

Por ser distraído me gusta sirve ser ordenado, así fue que encontré una forma de ordenar carpetas que me ayuda a encontrar las cosas  y que voy a compartirles como tip. Mi trabajo es principalmente diseño gráfico/web pero seguro funciona para otras cosas.

Carpetas

Trabajo una carpeta por cliente, y sí hay varios proyectos del mismo cliente creo una carpeta por proyecto.

Proyecto (Sitio web, logo, etc)

Docs (Documentos): Uso esta carpeta para guardar todos los documentos generados: cotizaciones, brief, calendarización, etc.

Sources (Originales): Contiene todos los archivos originales (PSD, AI, Fla, etc.) o cualquier archivo creado desde cero.

Historial: Esta carpeta solo la uso cuando un archivo original fue descartado o es muy viejo, para no mezclarlo entre los archivos "importantes".

Resources (Recursos): Son todos los archivos que no he creado yo pero que me sirven para trabajar el proyecto, usualmente proporcionados por el cliente o descargados de Internet.  imágenes, fuentes, iconos, etc.

Mockups, borradores, wireframe o como prefieran llamarlos.

Output (Para entrega o impresión): En Output están todos los archivos que verá el cliente. Por ninguna razón debería haber un archivo sin terminar allí y los archivos tiene el número de versión o la fecha. Generalmente son PDFs, JPG, o incluso código (duplicado, si se hacen cambios se crea nuevos archivos).

Sí ya fue enviado al cliente no lo borró ni reemplazo, cualquier cambio se agregará con nuevo nombre indicando la versión o fecha. Cuando hay varias revisiones creo una carpeta por cada revisión:

Revisión 1.

Revisión 2 (etc.)

HTML: Cuando son proyectos web uso esta carpeta para guardar todo el código que se crea y los elementos que se usan.

imgs. Carpeta para las imágenes listas para publicación (optimizadas para web)

styles. Carpeta de estilos CSS.

scripts. Carpeta de scripts Javascript u otros.

Un tip bastante obvio (demasiado) pero que me ayuda a encontrar rápidamente el archivo que estoy trabajando o que debo presentar, a no perder ni reemplazar archivos por accidente y a saber de que cambios me habla el cliente en las revisiones.

¿Más fácil? ¿Qué tal automático?

Como crear esas carpetas se volvió parte habitual del trabajo decidí crear un script que automatiza la tarea.

Descarga

Puedes descargarlo en los enlaces de abajo, ambos archivos son iguales la diferencia es que uno crea las carpetas en inglés y el otro en español. Para usarlo copialo en la carpeta en donde guardas tus proyectos, doble click y listo.

Funciona en Windows (98 en adelante).

---

“Ha quedado de sobra demostrado que ejecutar en buen orden lo que se debe hacer es siempre la más sólida póliza de seguro contra los fantasmas del caos”
José Saramago

Integrar JSmin con PSPad

1 Comment

Al estilo de "Cocinando con...",  un programa [aburrido] de TV, trataré de compartir un tip que le ayudará a aquellos que trabajan Javascript (JS) con PSPad, mi editor de código favorito.

El tip consiste en integrar JSmin  a los comandos favoritos de PSpad para comprimir el código JS sin salir del programa.

Ingredientes

Preparación

Ejecuta PSpad y crea un nuevo documento de texto, este servirá para crear un archivo BAT (proceso por lotes) que se encargará de ejecutar JSMin. El archivo debe contener el siguiente código y lo guardas como jsmin.bat en la misma carpeta que jsmin.exe

jsmin.exe <%1 >%2

Se usa un BAT porque JSMin no funciona correctamente al llamarlo directamente desde PSpad.

Crear un favorito en PSPad

Los favoritos están en la pestaña de el panel lateral de PSpad (si no esta visible lo mostras con Ctrl+F2), tiene un icono de corazón.

Busca un espacio en blanco de la barra y haces click derecho para mostrar el menú y crear un nuevo enlace.

En la ventana de nuevo enlace escribí

  • JSmin como nombre
  • busca el archivo BAT que creaste en el primer paso en Ruta
  • y como parámetros agrega la siguiente línea
"%File%" "%Dir%%Name%-min.js"

La línea anterior envía la ubicación del archivo javascript y la ubicación del nuevo archivo comprimido agregando "-min" al nombre, por ejemplo si el archivo se encuentra en C:/codigo.js el nuevo archivo se creara como c:/codigo-min.js

En la misma ventana de crear enlace busca la carpeta en donde se encuentra jsmin.bat y jsmin.exe, deberías de tener algo similar a esto

Active Capturar salida para que muestre los resultados en PSpad pero no es necesario. Presiona Aceptar y listo.

Ahora podes comprimir cualquier archivo JS que estes viendo en PSPad solo usando el enlace en los favoritos en la barra lateral. Nada extraordinario pero si muy útil para facilitar el trabajo.

Para desvelarse

4 Comments

all night

Si te vas a desvelar toma esto en cuenta

  • Hace un tiempo extra de comida porque estas gastando más energía. Yo suelo comer cereal con leche o yogurt, evita comida pesada como carne porque da sueño.
  • Toma bastante agua, el cuerpo se deshidrata por estar activo.
  • Usa ropa de trabajo, si usas ropa cómoda es más fácil dormirse (y no es el plan).
  • Cúbrete. El frio da sueño, y si hay demasiado te hará sufrir tanto que vas a preferir dormir.
  • Escucha música. Busca música que sea rápida, como trance o psytrance, también podes probar con rock. Si no te gusta busca música que podas cantar, no se trata de cantar pero si podes tararear seguro no te duermes. La peor situación es que necesites poner mucha atención y no podas escuchar música, no queda más que resignarte.
  • Sprints. A veces desvelarse es fácil, otras veces es la tarea más difícil del mundo. En esos casos es mejor comenzar la noche haciendo una lista de todas las cosas que vas a hacer (sinceramente, sino se puede no se hace) y lanzarte a hacerlas una por una. Pone retos y hace lo imposible por cumplirlos, luego descansas un poco (puedes revisar facebook) y luego de regreso a trabajar. Depende el trabajo puedes lograr hasta 10 sprints en una noche y ni se siente el tiempo.
  • Saber rendirse. Estoy acostumbrado a desvelarme y aprendí a hacerlo, pero como cualquier persona hay limites. A veces al tercer día de no dormir simplemente no puedes desvelarte, tenes que detenerte y considerar si vale más lo que estas trabajando que tu salud. ¿el cliente te mata sino entregas mañana? Considéralo una opción, ofrécele un descuento o suplica piedad, todo lo anterior es 100 veces mejor que terminar en un hospital.

Todos son consejos de un noctambulo que le ha tocado desvelarse muchas veces, mitad experiencia mitad superstición pero todos pensados en no dormir.

Recuerda: no te vayas a dormir sin tener que soñar
Feliz madrugada.

---
Advertencia: No dormir es dañino para la salud, intenta esto en casa bajo tu propio riesgo. El tiempo que no duermes no lo recuperas.

Winamp: Lo mejor de los ‘90s

1 Comment

Probablemente los cansaré de decir que adoro a Winamp, pero así es, y es por una sencilla razón: ¡las búsquedas son geniales!

Anteriormente escribí sobre cómo crear búsquedas personalizadas en Winamp con detalles y todo, esta vez les compartiré cómo crear una lista con las mejores canciones de los ‘90s, en cierta forma es más de lo mismo jeje

pearl jam ten

Criterio: Canciones de 1990 a 1999 con puntuación de 4 a 5 estrellas (un poco exigente, lo sé u_u).

Crea la búsqueda en la Media library > Local media con el click derecho mostras el menú contextual y selecciones Add Smart View

add smart view

En la ventana que se muestra elegís los siguientes filtros

90s

No olvides marcar la opción de “and” abajo de cada filtro para que todas las condiciones se cumplan, por último agrega un nombre a la vista y listo. Tenes una selección de la mejor música de los ‘90s.

Por supuesto para que funcione tenes que tener bien etiquetada la música por año y rating ¿qué melómano que se respete no tiene esos datos? :P

Bonus: Auto-tag

Una forma fácil de etiquetar la música con todos los datos es usar la opción de auto-tag de Winamp que automáticamente busca la información en Internet y la completa en tu biblioteca. Para usarla presiona click derecho en cualquier canción o album y en el menú contextual elegí Send to > Auto-tag

auto.-tag

al terminar tendrás la información, incluyendo el año de lanzamiento.

ontwolegs

Funciona muy bien con albums completos o con canciones originales, evita usarla con discos variados, versiones en vivo o remixes porque tiende a confundir la música.

Los mejores tips para mejorar la experiencia del usuario

No Comments

Johny Holland: UX Tips En un post anterior comenté acerca de el concurso de Johny Holland para elegir los mejores tips para mejorar la experiencia de usuario (UX = User eXperience). El concurso termino el 8 de noviembre y los tweets ganadores ya han sido publicados, abajo los cuatro tweets ganadores (traducidos).

Los ganadores

Entender a tu cliente es tan importante como entender a tu audiencia. -- @rainer3

Sumérgete en la creatividad fuera de tu trabajo. Verás todo diferente, sé un mejor solucionador de problemas. --@amyhillman

No intentes generar las ideas tú solo. Escucha y elige las ideas de un gran equipo. Sé un facilitador y no una diva. –@willsansbury

Aléjate de los bocetos digitales tanto como sea posible para estar abierto a nuevas direcciones. –@ebacon

Mi selección

Personalmente solo me gusto el primero de los ganadores oficiales :P pero igual logré capturar algunos que me gustaron y que aprovecho a compartirlos aquí

La usabilidad le ayuda a definir la experiencia de usuario, dese cuenta de lo que usted más necesita hacer y, lo más importante, de lo que no. –@bistrianiosip

Piense de afuera hacia adentro y de adentro hacia afuera. Diseñe para lo que su usuario (no su organización) quiere y necesita. –@lchisholm

Si quieres que la gente ame el producto que diseñaste, entonces dales algo que amar, involucrándolos en el proceso de diseño. –@SheetalDube

No todos los métodos funcionan para cada proyecto. Lee la situación y los resultados, y actua acorde a ellos. –@odannyboy

Deja la computadora, encuentra inspiración y nuevas perspectivas en lo táctil, el mundo real –@AmyHillman

En el mundo de UX no hay fallas, solo más oportunidades para iterar. –@burgertime

El camino más rápido para mejorar la experiencia de usuario de tus sitios web es mejor tus habilidades para escribir –@mryap

Sigue el consejo de Coco Chanel y quita una joya (característica) antes de salir de casa. –@chrisfahey

Lista completa de tips en UX Tips (inglés) | http://johnnyholland.org/ux-tips/ 

Aclaración tonta: Son consejos, la mayoría es puro sentido común y ninguno va a cambiar el mundo, pero es bueno que alguien te los recuerde, y mejor aún si alguien con experiencia te dice cuales importan.

Ordena rápidamente las ventanas de Twhirl

Comentarios desactivados

Una de las cosas que más me gusta de Twhirl es que te permite usar una ventana diferente para cada cuenta de Twitter, lo malo es que no ayuda a mantenerlas ordenadas. Para eso encontré una solución muy simple y que funciona en Windows:

Si has usas Twhirl con al menos tres cuentas tendrás algo como esto cada vez que las usas

Ventanas de Twhirl desordenadas

Para ordenarlas, ve al menú de inicio presiona la tecla [Ctrl] y sin soltarla haz click en cada ventana de Twhirl.

Selecciona las ventanas con la tecla Ctrl y click en cada ventana

Luego presiona el click derecho y en el menú selecciona mosaico vertical.

Selecciona mosaico vertical en el menú contextual

Y listo, Windows te ordena las ventanas en tres columnas.

Ventanas de Twhirl ordenadas

Un tip rápido y que quizás muchos conocían pero que no esta demás recordarlo.

Búsquedas personalizadas en Winamp

Comentarios desactivados

A veces no sabes que música escuchar y la opción fácil es elegir todo y presionar Shuffle (aleatorio) con riesgo de escuchar cualquier canción y no siempre es lo que quieres.

En Winamp solucionas ese problema haciendo una búsqueda personalizada para filtrar cierta música y luego puedes usar Shuffle sin riesgo de encontrar sorpresas.

Filtrar un genero de la lista de música

Para mostrar toda la música excepto Hip-Hop la búsqueda es:

?!(genre has hip-hop)

  • ? para hacer la búsqueda personalizada.
  • ! para decir NO.
  • (genre has hip-hop) para seleccionar toda la música del genero Hip-Hop.

En resumen le dices NO a toda la música de HIP-HOP. Solo funciona si tu música esta bien etiquetada, en este caso con genero hip-hop.

Selecciona una era

No será la primera vez que lo mencionó pero soy un fanático de la música grunge y justo así fue como llegue a las búsquedas personalizadas: Creando una playlist de toda la música grunge del 89 al 98.

?(genre has grunge) AND (year >1989) AND (year < 1998)

Seleccionar la mejor música

Para elegir la mejor música solo basta seleccionar toda la música con 3 o más estrellas en el Rating. Para que funcione debes tener algunas canciones con rating.

?(rating >=3)

Smart View

Una smart view, o vista inteligente en español, no es más que una búsqueda personalizada guardad, eso quiere decir que al crearse queda fija dentro del panel lateral de Winamp, bajo Local Media.

Para crear una smart view solo haz click con el botón derecho del mouse sobre Local Media en el panel lateral de Winamp y selecciona Add smart view… en el menú.

Luego presiona el botón de [+] para ir creando tus propios filtros. Si prefieres hacerlo escribiendo en lugar de usar las el asistente selecciona Advanced mode.

Cuando este listo podrás ver tu smart view y usarla cada vez que quieras. Ahora sé por qué me gusta tanto Winamp :D

local-media

add-smart-view

new-smart-view

Older Entries