Zen Coding - HTML/CSS como você nunca viu!

Zen Coding - uma nova forma de escrever código HTML e CSS

Site: http://code.google.com/p/zen-coding/

Download das extensões: http://code.google.com/p/zen-coding/downloads/list

Manual da sintaxe:  http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

Simplesmente fantástico!!!





Exemplos


1) Digite:  div#site>div#cabecalho+div#conteudo+div#rodape


Aperte TAB após o último dígito dos comandos e olha só:

<div id="site">
<div id="cabecalho"></div>
<div id="conteudo"></div>
<div id="rodape"></div>
</div>

2) Digite: ul>li*3>a

<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>



3) Digite: table>th*3+tr*3>td*3

<table>
<th></th>
<th></th>
<th></th>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>


Isso e muito mais você pode aprender lendo o simples manual da extensão...
http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn