Zen Coding, como escribir código HTML abreviado

Zen Coding es un proyecto alojado en Google Code y te permite escribir HTML mediante un método abreviado. Está licenciado bajo la GNU General Public License v3.

Su funcionamiento se basa en la instalación de un plugin en el editor (ver lista de editores disponibles) de forma que permite, para HTML, XML, XSL o cualquier otro formato de código estructurado, realizar una codificación más eficiente. El núcleo de este plugin es un “motor de abreviatura” que permite ampliar expresiones similares a los selectores de CSS. Por ejemplo:

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

se expandirá como:

<div id="page">
        <div class="logo"></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>

La lista de editores para la que está disponible es:

• Sublime
• Dreamweaver
• Coda
• Aptana
• TextMate
• textarea
• PSPad
• Espresso
• TopStyle
• AkelPad
• Ultraedit
• SlickEdit
• WebIDE e IntelliJ IDEA
• Netbeans

pudiendo ser descargados, cada uno de estos plugins, en este enlace a Google Code.

En este video tenéis más detalles de su funcionamiento y uso:

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

También podéis encontrar un tutorial en el artículo Zen Coding: A Speedy Way To Write HTML/CSS Code

The Zen Coding, como escribir código HTML abreviado by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.