Con todo esto, y tomando mano de que este mes he estado haciendo dos o tres recopilados de lo mejor, llegó a mi cabeza la idea de platicarles lo que yo he tomado como mío y ahora es parte de mi trabajo. Para los que no lo sepan bien, soy desarrollador web, por lo que deben de saber, obvio, que algunas herramientas llegan a convertirse en nuestras mejores amigas.

Sin más que decir, y aclarando que mi palabra no es la verdad absoluta y que soy usuario de Mac, acá mis aplicaciones del 2011 para el diseñador/desarrollador web.

Coda

Uno de los mejores editores de código que he utilizado. Si bien el mismísimo Textmate es de lo mejor y alterno entre uno y otro, Coda es mi editor predefinido por sencillas razones:

• Puedo utilizar “Terminal” desde la misma interfaz
• Trabaja directamente con Transmit, mi cliente FTP
• A diferencia de Textmate, tiene la opción de previsualizar
• Vista CSS: Aunque soy un ferviente apasionado de escribir código yo mismo y no me gusta que NADA ni NADIE me agregue porquería, la vista CSS nos permite agregar estilos fácilmente. Además de que en ese vista encontrar un estilo en una hoja de más de 1000 lineas es sumamente sencillo.
• Snippets: Ésta opción fue muy importante, con sólo un clic puedo abrir una ventana emergente con todas las lineas de código que utilizo a diario, ayudándome a ser más efectivo en mis tiempos

Pixelmator

Debo aceptar que uso Photoshop por defecto, pero cuando hablamos de costo y funcionalidad Pixelmator sale ganador. En el trabajo del diseñador/desarrollador web las herramientas utilizadas de los editores de imagen son casi siempre las mismas: recortar, seleccionar, cubeta de color, figuras, tintero, lazos, y uno que otro filtro. Ésta aplicación lo tiene todo y sencillamente podría ser sucesora de la costosa de Adobe para las tareas de edición y retoque de imagen.

Art Directors Toolkit

¿Tardas mucho en saber el tamaño de una imagen? ¿Pierdes tiempo descargando fotos, pasándolas por Photoshop y el tintero para conocer el color hexadecimal de algo? ¿Cuánto te tardas probando tipografías? Aquí la solución a todos sus problemas. Art Directors Tooolkit tiene funcionalidades para todo diseñador, ya seas web, gráfico, editorial. Tabla de pantones, regla, “escalador” para conocer proporciones, tabla de caracteres especiales(símbolos), probador de fuentes y varias cosas más. Te lo prometo, te ahorrará mucho tiempo y lo amarás.

Digital Color Meter

Si aún tienen instalado Mac OS Leopard los envidio. Ésta es una utilidad que viene por defecto con el sistema operativo y era perfecta antes de que nos pasáramos a Lion. Como ya comentaba ¿cuánto tiempo pierden en descifrar un color? Con ésta herramienta abrirán un tintero que básicamente puede tomar el color de cualquier cosa que esté en la pantalla, así podrán saber el color hexadecimal, RGB o CMYK. Antes Lion te permitía éstas opciones, por ahora sólo nos arroja el color RGB, con este dato sólo tendrán que pasarlo por el ya mencionado Art Directors Toolkit y listo, ahí tienes tu hexadecimal.

Fire Bug(Extensión para navegador)

Quiero pensar que todos los que dedicamos a la web conocemos ésta extensión. Para los que no déjenme decirles que con este add on pueden analizar con lujo de detalle todo lo que está detrás de su sitio; además de poder editar las hojas de estilos y más desde navegador; analizar procesos y monitorizar los recursos. Aunque uso Chrome como navegador de batalla, a la ahora de trabajar uso Firefox con este add on, créanme , funciona mejor y viene mucho más completo.

Wunderlist

Este año probé muchos administradores de tareas, incluso acá en Maquiladora hemos hablado de algunos. Pero cierro el año y creo que me seguiré el que sigue con Wunderlist. Compatible con todas las plataformas, gratuito, sincroniza por medio de nube, personalizable, ligero, puedes organizar tareas bajo proyectos, asignar tiempo, notas y deadlines. ¿Necesitas más?

PHP Documentation (Extensión para navegador)

Este add on no tiene mayor ciencia, te agrega un botón en el navegador que al dar clic despliega un buscador para encontrar cualquier dato dentro de la documentación de PHP.

Window Resizer (Extensión para navegador)

Increible para redimencionar tu navegador y hacer prueba de compatibilidad con distintas resoluciones: móviles y navegadores. Todo a dos clics.

Aunque hay más y que llevo utilizando más tiempo, éstas herramientas son las que este año se han hecho “definitivas” en mi día a día. Si tiene alguna otra recomendación háganla saber.

Esta interesante y completa infografía nos muestra la evolución del Photoshop desde sus inicios en 1990 cuando era exclusivo para plataforma Macintosh su paso a Sistema Windows en 1992, así como fueron anexando las diferentes aplicaciones conforme van pasando los años hasta llegar a lo que hoy es en día, un software indispensable para los diseñadores y creativos en el mundo entero.

WordPress desde el punto que le veas es gratuito, pero WordPress.com nos ofrece la posibilidad de crear un blog en un host sin costo con sólo abrirnos un perfil. Las desventajas son que no podrás crear o montar templates comprados, las opciones son mínimas y muy básicas como el no poder agregar plugins.

Si pensamos en un sitio más robusto la opción es WordPress.org, lo que hacemos aquí es descargar todo el CMS para instalarlo en un servidor donde tendremos acceso FTP, por lo tanto la opción de crear, personalizar o instalar un tema(template) está en el límite que tu te pongas; instalar plugins para darle más funciones a nuestro sitio y todas las herramientas que WordPress contiene.

A continuación les dejo una infografía que muestra más detalladamente la diferencia entre estas dos modalidades. La opción que eljas debe ser en base a las necesidades y de presupuesto ya que instalar el CMS requiere de un servidor y dominio, cosa que genera un costo.

Vía Blogpocket

En la siguiente infografía, podrás ver la historia de WordPress, actualizaciones versión con versión, y hasta uno que otro dato curioso que posiblemente no conocías.

Vía Incubaweb

Sin embargo a mí el Dock me resulta muy estorboso, me quita pixeles de pantalla y es algo que a fin de cuentas casi no se utiliza, no es como si estuviéramos abriendo programas cada 2 minutos.

Por lo mismo yo siempre lo tengo escondido y del lado izquierdo y vacío. Bueno, no completamente vacío, pero solo contiene los programas que están abiertos.

Y esto lo hago porque solo mando llamar las aplicaciones que necesito con un sencillo programa que se llama Namely.

Namely no es otra cosa que un Spotlight reducido que se enfoca únicamente a buscar y mostrar aplicaciones.

La verdad es muy práctico, porque basta teclear una letra de la aplicación que quieres para que te la muestre. A veces necesitas más de una letra para ser más específico. Y algo muy interesante es que en caso de que haya muchas aplicaciones que empiecen con la letra que pusiste, Namely va “aprendiendo” cual usas más y te la muestra primero, aunque no vaya en orden alfabético estricto.

Y como se manda llamar desde el teclado (yo lo tengo configurado con Ctrl+Esc) inclusive te puede servir para pasarte de una aplicación a otra directamente sin necesidad del mouse o del Dock.

Lo pueden bajar desde el sitio oficial de Namely.