Zen Coding | el nirvana del HTML

Si creías que eras eficiente escribiendo HTML... a partir de acá escribir HTML toma otra dimensión.


Zen Coding es un proyecto alojado en Google Code y te permite escribir HTML mediante un método abreviado.

Yo—particularmente—bajé de Google Code la versión en ZIP para Notepad++ pero, además, están disponibles las versiones para:

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

Para Notepad++ la cosa es muy simple desZIPeás el archivo en la carpeta plugins y reiniciás Notepad++



Si miraste con detenimiento la imagen superior del post, es lo que—de resultas—solamente tenés que tipear para que este plugin transforme eso en lo que ves en la imagen superior.

En resumen, escribís:

div#menu>table>tr>td*5>a.nav

y obtenés:

<div id="menu">
 <table>
  <tr>
   <td><a href="" class="nav"></a></td>
   <td><a href="" class="nav"></a></td>
   <td><a href="" class="nav"></a></td>
   <td><a href="" class="nav"></a></td>
   <td><a href="" class="nav"></a></td>
  </tr>
 </table>
</div>

También existe un plugin para CSS ¿y por qué no?

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Sitio Web | Zen Coding
Vía | Download Squash