Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

viernes, 30 de abril de 2010

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
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++

Zen Coding

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?



Sitio Web | Zen Coding
Vía | Download Squash
Share:

Publicidad

Estadísticas

A cotidiano, me siguen