Zen Coding  – ou Codificação Zen – é um conjunto de ferramentas de alta velocidade para a codificação de HTML e CSS. Originalmente proposta por Vadim Makeev (artigo em russo) por volta de abril de 2009, a ideia base é trabalhar com a sintaxe do CSS para criar os elementos do XHTML. Após a digitação da combinação de elementos, é necessário apenas pressionar um atalho, que a expressão transforma-se em tags. O expansor de abreviações (abreviações são como seletores CSS) é independente do contexto HTML e já faz automaticamente a indentação, deixando o código bonito e rápido de ser implementado.

O desenvolvedor Sergey Chikuyonok tem desenvolvido plugins e nos últimos meses chegou a um estado de maturidade. Fiz testes com os plugins e todos funcionaram perfeitamente.

Por exemplo, implementamos a seguinte abreviação css:

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

… após a expansão:

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

 <div>

Leia mais sobre a sintaxe de codificação atual Zen

Fiz os teste no Aptana e no Notepad++, e os dois plugins funcionaram perfeitamente, é realmente é muito fácil de se usar . Veja abaixo o vídeo de demonstração e entenda mais o que eles podem fazer por você:

Para o download dos plugins, vá neste link: http://code.google.com/p/zen-coding/

Até a próxima!