Iván Mendoza

Anteriormente usaba Notepad++ como editor de texto y HTML hasta que MundoGeek me mostró PsPad. No podía creer que hubiera un editor mejor que Notepad++, tan ingenuo que era, así que me lance a probar PsPad. Desde entonces han pasado 2 años y medio aproximadamente y sigo usando PsPad. Hoy Eric (@toigt) preguntó en Twitter por un editor de HTML en español y gratuito, obviamente le recomendé PsPad.

Dejo aquí las razones por las que empecé a usar PsPad, por las que lo sigo usando y por las que lo recomiendo.

- Nota: Soy diseñador web y trabajo principalmente con html, css, javascript y PHP. Advertido estas, luego no digas que es malo para programar Pascal  -

Características que me gustan de PsPad

Código limpio y ordenado.

Me gusta que incluye coloreado de sintaxis, con soporte para al menos 15 lenguajes, numeración de línea, indentar es muy fácil y lo hace bien (hay programas que no saben ni hacer eso), snippets (segmentos de código ya hechos) y además incluye ayuda para “seguirle la pista” al código. Por ejemplo, en HTML al seleccionar una etiqueta marca con color la etiqueta inicial y la final para mostrar en donde termina.

Ayuda al programar

Sintaxis con color

Snippets, en la imagen los de XHTML

Explorador de código y estilos

El explorador de código es quizás una opción prescindible, prácticamente innecesaria, pero cuanto te acostumbras a usarla es muy útil. PsPad incluye explorador para varios lenguajes, a mi me gusta especialmente el de HTML y el de CSS.

Explorador de estilos CSS. Haces click en la clase y el editor te muestra el estilo.

Explorador de etiquetas en HTML. Es genial, como ver un resumen de todo el código.

Explorador de archivos, favoritos y FTP

El explorador de archivos y  FTP no son nada nuevo, Dreamweaver las incluye desde hace años pero me gusta que las tenga. Especialmente el FTP que permite editar archivos en línea, aunque por otro lado es malo porque no guarda carpetas “en cache” como lo hace Dreamweaver. Incluye panel de favoritos para guardar acceso a carpetas, archivos, herramientas o páginas web.

Explorador de archivos. El corazoncito en la imagen son los favoritos.

Los favoritos.

FTP

Otros extras

Además de las características de arriba tiene algunos extras que me gustan pero son pequeños.

Buscador en múltiples archivos (todos los abiertos o por carpeta) y el buscador de Google.

Galería de convertidores

Manejo de proyectos. Sirve para cargar una colección de archivos, de carpetas y demás.

Pestañas o Tabs para los archivos

Abrir y guardar con múltiples opciones.

Herramientas para HTML y CSS. Por ejemplo ordenar el código o comprimirlo.

El final he dejado el artículo casi como una galería de imágenes de PsPad pero creo que es la forma más fácil de conocer las opciones más notables y que a veces no descubrimos “a la primera”.

Si al final te animas a probarlo puedes descargarlo desde la web oficial de PsPad.

Vía Pablasso descubrí Boffin, un reproductor mp3 experimental creado por el equipo de Last.FM. Boffin te permite crear tu propia estación de música, igual que Last.FM, con la diferencia de que utiliza la música de tu computadora.

Luego de hacer una búsqueda en tu computadora, Boffin obtiene las etiquetas de Last.FM  y ya con ellas puedes crear tu propia estación, haciendo las mezclas que quieras. Como reproductor es bastante sencillo, tres botones y nada más: Play/Stop, Pause y Next, nada de de volumen o algo similar. He estado probándolo y el resultado es bastante bueno, la selección de canciones es bastante agradable y hasta escuche música que hace tiempo no escuchaba.

Dos características adicionales son, la capacidad de hacer scrobbling de la música en Last.FM y la otra es exportar la lista de etiquetas en formato Wordle, un sitio web que genera “nubes de palabras”. Utiliza las etiquetas de tu colección y obtendrás algo como esto:

Genial ¿cierto?

Como experimento es muy buena idea y sería ideal que lo siguieran trabajando. De momento es bastante sencillo, algo incomodo de usar y lo más problematico es que es bastante inestable. Puedo vivir con eso pero no todo el tiempo jeje

Más de 10 años son los que tengo de usar una PC, me guste o no , es parte de mi vida (qué cursi sonó eso XD). Y después de tanto tiempo aparecen las mañas, no basta hacer las cosas sino hay que hacerlas más rápidas, más fáciles o más bonitas, y por supuesto, terminamos instalando cuanto programa se ponga enfrente para lograr eso. De la lista de programas que he usado, los dejo con los que me parecen más útiles para mejorar el trabajo pero que realmente nadie necesita (o quizás si ).

ClipX

Copiar y pegar, copiar y pegar, copiar y pegar. Es tarea de todos los días, por eso ClipX resulta muy útil. Es algo complicado de explicar, pero ClipX te permite copiar y pegar más de una sola cosa, porque guarda todo lo que copias en un archivo para pegarlo luego. Eso hace que ahorres tiempo cambiando de ventana, porque copias muchas cosas y luego las pegas en donde quieres, sin necesidad de regresar por cada copia. Soporta copiar texto simple, texto con formato e imágenes, además incluye extensiones para buscar lo que copiaste en Google, atajos de teclado y un historial de copias.

Más información de ClipX en su web oficial.

Evernote Clipper

En un tema anterior había escrito sobre Evernote, uno de mis programas favoritos. Y en este caso, vuelvo a escribir de él pero especialmente acerca de su herramienta Clipper que mejora, y de qué forma, hacer capturas de pantalla.

Evernote Clipper, a diferencia del Print Screen tradicional, te permite seleccionar solo una parte de la pantalla, y no toda, como normalmente sucede. Otra característica muy útil es lápiz de dibujo, que permite hacer anotaciones sobre la imagen antes de cualquier acción, de esa forma es mucho más fácil compartir notas con cualquier persona.

En la imagen de abajo se puede ver como captura la pantalla, seleccionando solo una parte de ella y resaltando el menú con la herramienta de lápiz.

Cuando termines con la captura de pantalla Evernote Clipper te da opción de copiar al portapapeles (Ctrl+C), guardar como imagen(Ctrl+S), enviar por correo o guardar en Evernote, y en este último caso también agregarle etiquetas. Genial cierto?

Más información en la web de Evernote.

QT TabBar

Los navegadores pusieron de moda las pestañas y ahora quién puede vivir sin ellas? yo no Por eso cuando encontré QT TabBar me gusto tanto, porque añade la característica de las etiquetas al explorador de Windows, y eso sin duda, lo tenía que probar. Es excelente y funciona muy bien, mejor que la opción de agrupar ventanas que ya incluye Wndows por defecto, porque te permite moverte entre varias carpetas sin cambiar de ventana. El funcionamiento es muy similar a las pestañas de Firefox, con click central sobre carpeta abres esa en una nueva pestaña, con el click central sobre la pestaña la cierras.

Además, la gente detrás de QT TabBar no se quedo allí, incluyo opciones como abrir “grupos de carpetas” a través de un acceso directo, árbol de directorios en el icono de cada pestaña (ver imagen abajo), historial de carpetas visitadas y un buscador instantáneo de archivos para la carpeta que estés usando.

Más información en el wiki de QT TabBar.

Launchy

Seguro has leído de Launchy, un programa para lanzar otros programas usando únicamente el teclado. Por defecto utiliza las teclas ALT+Barra espaciadora, que al presionarlas te muestran un cuadro de texto para que escribas el programa que quieres abrir. Es como un buscador de programas, y además incluye extensiones para buscar en tus favoritos web, abrir sitios web y una calculadora, que aunque bastante simple, resulta muy útil, especialmente si eres diseñador

Launchy en acción

y la útil calculadora

Visita la web de Launchy para más información.

RocketDock + Stack

Si Launchy es excelente para abrir programas usando el teclado, RocketDock lo es usando el mouse. RocketDock es un dock, como el Mac, con accesos directos para abrir programas. Lo que me gusta de RocketDock sobre el menú de inicio tradicional, es el tamaño de los iconos que los hace más fácil de usar y se ven mucho mejor.

Otra razón para usar RocketDock es el poder instalarle extensiones como Stack, que permite mostrar en el mismo Dock el contenido de una carpeta, como si de un submenú normal se tratará.

Más información en la página de RocketDock y de Stack Docklet

Pixus

Pixus es quizás una herramienta pensada para diseñadores más que para otras personas, sin embargo, es útil de vez en cuando. Pixus es una regla que te permite medir los elementos en la pantalla y te muestra las medidas en pixeles. Detrás de Pixus no hay mucho más, solo la opción de tener medidas predefinidas (por ejemplo el tamaño de la pantalla del iPhone) u oscurecer los elementos que no se están midiendo.

Para usar Pixus necesitas instalar Adobe Air y luego Pixus desde el sitio oficial.

Comodo System Cleaner

Este programa lo conocí por una recomendación de ArturoGoga, y que lo proponía como un reemplazo del famoso CCleaner. Lo instalé y paso la prueba, es un programa bastante sencillo y completo a la vez. En resumen te permite limpiar tu PC de basura, o para mantener la privacidad, pero además incluye herramientas para dar mantenimiento a Windows, como por ejemplo la herramienta para encontrar archivos duplicados, para eliminar archivos protegidos, un explorador de espacio en disco, administrador de tareas (avanzado), una herramienta para dividir archivos grandes (File splitter) y otra más para renombrar muchos archivos a la vez.

Es un programa que probablemente no usaras todos los días pero que te recomiendo tener para cuando tengas que hacerle mantenimiento a tu PC.

Puedes leer una revisión más completa en ArturoGoga o visitar el sitio web oficial.

CoreTemp

Coretemp es un programa “de diagnostico”, se limita a medir la temperatura de los procesadores y mostrarla en la barra de tareas de Windows. Lamentablemente me vi obligado a usarla luego de que la laptop empezó con problemas de temperatura (defecto de fábrica) y se sobrecalentaba. Con CoreTemp puedo estar pendiente de que esto no suceda, especialmente cuando pasa mucho tiempo encendida.

Puedes descargarlo desde el sitio web oficial.

¿Ya conocías alguno de estos programas? ¿qué otro programa recomiendas?

Había una vez un chico que usaba Evernote, cada nota interesante que veía, cada artículo que escribía, cada recordatorio que tenia, entre otras muchas cosas más, todas las guardaba en Evernote. Era su cajón mágico que podía usar en cualquier lugar, desde su casa hasta en de compras, estaba en cualquier lugar.

Tantas cosas podía guardar en el cajón que a veces se perdían, así que un día decidió etiquetas cada una de las cosas que guardaba, uso tantas etiquetas pero tantas etiquetas que hasta era más dificil buscar las etiquetas que buscar sus cosas. Erán días tristes y con mucho tiempo perdido hasta que descubrió Las búsquedas guardadas.

Estas búsquedas guardadas eran una gran ayuda porque lo dejaban organizar sus cosas por etiquetas y también fecha, o buscar cosas con alguna etiqueta especial, podía decirles que solo buscaran las cosas con fotos o, al contrario, solo con texto, podía hacer muchas combinaciones para que sus búsquedas fueran más rápidas y precisas. El chico sabía que usar las búsquedas guardadas era fácil pero debía aprender Las reglas.

Primero decidía que buscar y lo hacía usando Las reglas

Luego debía crear un lugar especial para guardar la búsqueda y tenerla siempre cerca

Todo era tan sencillo, tan solo dos pasos, pero lo importante era recordar Las reglas, así que decidió anotarlas para no olvidarlas nunca más:

La aplicación de iPhone/iPod Touch incluye un asistente para crear las búsquedas guardadas. También en el programa para la PC se pueden crear usando las opciones del panel (en donde están las etiquetas y los atributos) aunque no permite búsquedas tan especificas.

Y colorin colorado...

Una de las técnicas de productividad que más me gusta, y prácticamente la única que he probado, es GTD de David Allen. Empecé hace un año más o menos siguiendo los consejos de Jeroen de El Canasto, pero siempre tuve "conflictos" con las herramientas que usaba, específicamente con el software.

Programas para mejorar la productividad hay, y muchos, pero no todos son para windows, a veces son caros, algunos no me gustan y otros no me sirven. He probado varios y creo que hasta ahora encontré la combinación perfecta (o casi jeje): Thunderbird + Evernote + ToDoList + Remember The Milk + Google Calendar.

Trabajar con GTD puede resumirse en recopilar, procesar y ejecutar/delegar/archivar, teniendo eso en mente muestro de que forma lo trabajo usando los programas anteriores.

Capturar

Evernote es por mucho la mejor herramienta para capturar información "suelta", es lo más cercano a un cuaderno en blanco que existe con la ventaja de que esta en todos lados. Con Evernote puedes capturar información de Internet, de tu correo, tus documentos o escribirla tu mismo. Tiene atajos de teclado, buscador (que incluso reconoce texto en las imágenes), etiquetas y lo mejor de todo, sincronización vía web. Esto último significa que tus notas estan disponibles en Internet, en tú móvil, en la aplicación para iPhone y en cualquier otra computadora con el programa. Instala Evernote y prácticamente podrás recopilar cualquier cosa desde cualquier lugar.

Etiquetas de correo

El correo es la única vía que no capturo con Evernote, pienso que es trabajar dos veces procesando la bandeja de entrada y luego en Evernote, así que Thunderbird es el programa que se encarga únicamente del correo. Nada complicado, solo he creado algunas reglas en Gmail (igual lo pude hacer en Thunderbird) para etiquetar según el remitente. Una vez que los mensajes hayan pasado por los filtros decido si debo contestar el correo, si es así lo dejo en bandeja de entrada y lo marco como favorito, el resto se quedan archivados. Funciona tanto en Gmail como en Thunderbird, aunque prefiero este último porque es más rápido, se integra mejor con otros programas y me pemite mantener más de una firma diferente para los mensajes (con la extensión Signature Switch).

Procesar

Hasta aquí solo tengo un montón de información sin clasificar, es momento de procesar. Convertir cada nota o evento en algo más, moverlo al lugar que le corresponde.

Tareas especificas, cortas o con fecha de vencimiento son movidas a Remember The Milk (RTM), que lo uso porque es sencillo de usar (especialmente si conoces los atajos de teclado) y puedo revisarlo desde la PC o el iPod Touch, además tiene recordatorios por correo para las tareas con fecha de vencimiento.

Remember the milk

Cuando una tarea es tan amplia que involucra otras tareas se convierte en proyecto, como por ejemplo Viajar a Guatemala es una tarea que involucra comprar el boleto de avión, obtener los papeles, buscar hotel, etc. Eso es un proyecto. Para manejar los proyectos la herramienta que mejor se acoplo a lo que necesitaba fue ToDoList de Abstract Spoon. Un programa bastante completo para manejar tareas, aunque un poco complicado al inicio, pero que permite anidar tareas, calcular tiempo, añadir notas, dar prioridad, y una enorme lista de características más. La forma de trabajar proyectos es creando una lista de tareas por cada proyecto, guardándolas en una carpeta especialmente para eso, de esta forma al entrar a la carpeta tenemos una visión de todos los proyectos como se ve en la imagen

Listado de proyectos en ToDoList

Además de tareas casi siempre te encontrarás con un evento en tu bandeja (en Evernote), esto se maneja fácil moviendo todos los eventos a Google Calendar, de ser necesario programar un recordatorio, aunque confieso que no uso los recordatorios porque siempre tengo el calendario visible, a traves de Thunderbird y la extensión Lighting o en el calendario del iPod Touch

Archivar y delegar

Notebooks en Evernote

Crear un archivo con la información que te sirve pero que no necesitas ahora es muy útil y Evernote, de nuevo, se convierte en la herramienta más útil. Solo te recomiendo que para el archivo manejes un cuaderno (notebook) diferente al que usas para capturar.

También es necesario volver a mencionar a Thunderbird (o Gmail), porque a través de este archivamos correos importantes, usando la etiqueta adecuada, y también por el mismo correo podemos delegar las tareas pendientes.

Para terminar

Existen gran cantidad de programas útiles para hacer lo anterior, Outlook 2007 es capaz de hacer casi todo lo anterior por ejemplo, pero también de la misma forma hay programas especializados y por lo mismo mucho mejores. Yo elegí quedarme con esta combinación después de muchos intentos fallidos con otras, pero solo lo logre hacer hasta que llegue a conocer todas las posibilidades de cada programa, además de aprender a combinarlos.

Escribí este artículo por si alguien, de la misma forma que a mi me sucedió, aún no se siente cómodo trabajando GTD con otros programas, para que sirva de guía y puedas leer otra opinión acerca de cómo funcionan estos programas. Espero te sirva.

A continuación publico un lista de herramientas que considero bastante útiles para el diseño y desarrollo de sitios web

Editores de texto
La mayoría de diseñadores que conozco utilizan Dreamweaver para diseñar, personalmente a mi me gusta más programar en un editor de texto "poderoso", como alguno de los siguientes:

• PSPad: Es el que uso actualmente, incluye pestañas, "árbol de etiquetas y clases", coloreado de sintaxis, pero hay opciones "pro" como por ejemplo el acceso FTP, el generador de Lorem Ipsum, formato de código HTML y CSS (lo ordena e indenta), manejo de proyectos, herramientas de conversión y otras más que no pienso mencionar pero valen la pena.
• Notepad++: Para mi Notepad es el "editor bonito", sin las complicaciones de PSPad pero bastante potente, útil, y a pesar de las extensiones limitado. Es el programa que le recomendaría a las personas que estén dando sus primeros pasos o no utilicen programación avanzada (digamos que solo HTML, CSS y Javascript) aunque de igual forma reconoce bastantes lenguajes de programación.
• Komodo Edit: Con Komodo tengo un problema, es una aplicación muy potente pero no iguala a PSPad y es mucha más complicado que Notepad++. Creo que se integra muy bien a ciertas herramientas y lenguajes, pero en general como "herramienta principal de batalla" no sirve, muy bueno pero demasiado complicado en muchos aspectos.

Accesorios

• Fast Stone Viewer (FSViewer): Es un visor y en gran medida también editor de imágenes, me recuerda mucho a las versiones anteriores de ACDSee aunque FSViewer es más sencillo. Con el podemos redimensionar, recortar, transformar, editar brillo/contraste/gamma/colores, renombrar y editar por lotes(muchas imágenes a la vez) entre otras opciones "menores". Lo puede utilizar cualquier persona y evita abrir photoshop para editar imágenes.
• FileZilla: Es un cliente FTP bastante simple de utilizar, en la versión 3 se incorporaron muchas mejoras en la interfaz y se "siente" mejor. Del lado negativo, odio que no incluya la opción de contraseña maestra al igual que Firefox o Thunderbird.

Navegadores

• Mozilla Firefox : Diría que es el mejor navegador que existe pero seguro el tema sería carne-para-trolls, así que solo diré que es muy bueno, las extensiones son lo máximo, se apega (en lo razonable) a los estándares y en mi caso rara vez he tenido problemas con el.
• Internet Explorer 7: La versión 7 de Internet Explorer (IE) logro muchos cambios respecto a versiones anteriores, creo que evoluciono bien pero todavía no compite contra Firefox y la comunidad de desarrolladores detrás de el.
• Multiple Internet Explorer: Programa que permite utilizar IE3, IE4, IE5 e IE6, además del IE que tenga nuestra PC, así que si ya instalamos el 7 podemos estar "tranquilos" utilizando casi todas las versiones de IE. Solo puedo reportar unas alertas que aparecen en IE6 cuando cargamos sitios web que incluyen flash.
• Opera: Otro gran navegador, es excelente porque es bastante ligero y por defecto bastante completo aunque se extrañan bastante las extensiones de Firefox y los widgets, pues son otra cosa diferente. La versión Opera USB es tan ligera que casi logra que elimine Firefox Portable de mi memoria USB, no lo hice solo porque en Firefox tengo extensiones bastante útiles.

Extensiones de Firefox para desarrollo Firefox

• Web developer toolbar Es una barra de herramientas, básicamente con accesorios para revisar y editar el diseño en línea. Notable: Regla, Recuadros (Outlines), edición de CSS en línea, y bloqueo de imágenes/css/javascript.
• Firebug: Es un "panel" que permite revisar nuestra página web, editar el HTML en línea, calcular tiempo de carga, consola de errores, Inspector de DOM además de otras opciones
• Del.icio.us: Hasta el momento la mejor herramienta para almacenar todos lo favoritos que encuentro, entre ellos documentación, ayuda, herramientas, artículos, etc.
• SEOQuake De las herramientas para analisis SEO es la que más me ha gustado, ofrece información sobre Pagerank, Alexa, del.icio.us, densidad de palabras, cantidad de enlaces, edad del dominio, páginas indexadas, whois, información adicional en páginas de buscadores y además la puedes desactivar cuando desees.
• ScreenGrab: Para realizar capturas de pantalla de las páginas de Internet, puede ser de un segmento, la parte visible o de toda la página.
• Colorzilla: Te permite obtener cualquier color de una página web (igual que gotero de photoshop).
• IE Tab: Con esta extensión puedes cargar en una nueva pestaña el navegador de Internet Explorer(utiliza la versión de IE que tengamos instalada)
• Fireshot: Realiza capturas de pantalla de las páginas de internet y luego permite agregarles elementos como etiquetas y flechas para mostrar información.
• FireFTP Cliente de FTP (funciona desde una pestaña de Firefox), útil para uso rápido y sin complicaciones.
• Header Spy (Necesita Live HTTP Headers para funcionar) Muestra las cabeceras HTTP (entre otra información) que devuelven los sitios web en la barra de estado.
• View formatted source Permite mostrar el código fuente de las páginas web ordenado y con color (mucho más fácil de leer).

Extensiones para Internet Explorer

• Internet Explorer Developer Toolbar: En mi opinión una mezcla de web developer toolbar y Firebug (extensiones de Firefox) porque añade herramientas a Internet explorer para el desarrollo de sitios web, es bastante limitada pero igual no deja de se útil. Incluye regla, Recuadros (outlines), edición de CSS en línea, permite eliminar cookies y cache y algunas opciones más que no recuerdo en estos momentos.
• DebugBar: Extensión orientada al desarrollo de sitios web en IE, ofrece inspector DOM, inspector de cabeceras HTTP, consola javascript, validador HTML entre otras opciones. Esta es una extensión que aún no he podido probar (pronto lo haré) pero se ve muy bien, especialmente porque no hay muchas herramientas similares.

Todas los programas y extensiones mencionados en este artículo son gratuitos para uso personal, así que los pueden descargar libremente y utilizarlos ahora mismo. También hago notar que los recomiendo porque los he probado (excepto DebugBar y Fireshot) y pienso que son dignos de recomendación, pero si tu conoces otros te agradeceré que los menciones en los comentarios.

Hasta la próxima,
Iván Mendoza