[Resolvido] Zen Coding: uma forma rápida de escrever código HTML e CSS

[RSS iMasters 5]

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!

 

 

 

http://imasters.com.br/artigo/19458/html/zen-coding-uma-forma-rapida-de-escrever-codigo-html-e-css