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:

<div id="page">
        <div></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

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.

Link: Zen Coding.

Via Codigogeek
votar

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

  • Mejor calificado

  • Tweet

    Error: Twitter no responde. Por favor, espera unos minutos y actualiza esta página.

A %d blogueros les gusta esto: