Zen Coding

Não foi a primeira vez que encontrei info sobre o Zen Coding, mas só ontem é que percebi o que era e o potencial (há tanta info a circular à minha frente que por vezes há itens que são ignorados). O Zen Coding é um projecto de facilitação de escrita de HTML, com suporte em diversos editores. Basicamente, escreves os selectores CSS que descrevem os elementos, como por exemplo:

div#container.bluebox>ul>li.item*5

carregas numa combinação de teclas (no meu caso, marquei ctrl+E, ctrl+K no visual studio, já que estava livre), e no logar da linha que acabou de ser escrito aparece :

<div id="container" class="bluebox">
 <ul>
 <li class="item">
 
 </li>
 <li class="item">
 
 </li>
 <li class="item">
 
 </li>
 <li class="item">
 
 </li>
 <li class="item">
 
 </li>
 </ul>
</div>

Incrível, né? É decifrado a hierarquia dos elementos usando os operadores de CSS > e +, á reconhecido ids e classes para os elementos, e até e´possível indicar o número de elementos. Mas este e´apenas um exemplo muito simples que pode auxiliar na questão da produtividade. Vale a pena ver o vídeo acerca do projecto e as funcionalidades existentes, e experimentar!

@ Google Code
Zen-Coding @ Smashing Magazine
Plugin para Visual Studio