Codificación veloz con Zen Coding

Zen Coding es un plugin que nos permite escribir código html y css de forma rápida y prolija. Esto lo consigue gracias a una combinación de teclado muy elemental –Control + E- y una serie de reglas establecidas. Por ejemplo escribir esto:

div#page>div.logo+ul#navigation>li*5>a

Derivaría en esto, luego de presionar el atajo antes mencionado:

La idea del mismo es que sea integrado en nuestro IDE preferido. Es libre, es gratuito y por supuesto multiplataforma.

Para utilizarlo hay que dirigirse a su Web en Google Code. Luego procederemos a descargar la versión que se adapte a nuestro entorno de trabajo.

Al día de la fecha lo pueden utilizar con los siguientes programas:

Aptana/Zend Studio/Eclipse

TextMate (Mac)

Coda (Mac)

Espresso (Mac)

Komodo

Notepad++ (Windows)

PSPad (Windows)

Dreamweaver (Windows, Mac)

Y varios más entre los que se encuentra, ¡Sublime Text!!. Y este último merece una recomendación especial. Ya que de corazón les digo, es –a mi modo de ver- el mejor software para codificar páginas Web. Y sé que no soy el único que piensa así.

La clave para trabajar con Zen esta en aprender sus abreviaturas. Luego entender la función que cumplen determinados signos. Para esto les proveo en este enlace, un pequeño machete.

Les garantizo que le tomaran la vuelta en muy poco tiempo. Luego conseguirán trabajar con mucha velocidad en sus proyectos Web.

Y para mejor esta técnica nos obliga a ser prolijos y organizados en nuestro código. Mejor imposible. 😉

En la tienda de aplicaciones para Google Chrome, hay una extensión para trabajar o comenzar a probarlo. Y digo comenzar por que todos sabemos que lanzarse a desarrollar una página Web desde una extensión de Chrome… puede resultar incomodo.

Por último solo me resta decirles que por supuesto que soporta todas las nuevas etiquetas de HTML 5.

¿Alguien tuvo la oportunidad de probar esta herramienta? ¿Qué les pareció?

Link: Zen Coding.