Както се казва, „… УАУ това изглежда яко“. Яко или не, това вие ще си прецените, поради простата причина, че човек има навика да привиква към по-удобните и лесните неща много бързо. Питате се за какво всъщност ви говоря?  Говоря ви за Zen Coding. Това е едно полезно тулче за бързо писане на HTML и CSS код.

Как работи то?

Zen Coding работи много простичко, почти като синтаксиса на CSS селекторите. Тоест ако сте CSS кодер, а не SS кодер бихте го схванали много бързо и лесничко. Ето ви е един много  хубав пример:

Ако искаме да ни напише на бързичко един див с ID и няколко класа и едно UL с едно LI например, пишем:

div#header.some.classes+ul>li

Това ще ни върне като резултат:

<div id="header" class="some classes"></div>
<ul>
   <li></li>
</ul>

Или още един пример, искам едно UL с 5 LI-та:

ul#nav>li*5

И то ни връща:

<ul id="nav">
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>

Много яко нали? :)

Какво представлява Zen Coding?

Всъщност Zen Coding го има в няколко варианти. Като уеб приложение което можете да си качите някъде и да си имате online едитор, или като плугини за някои от известните среди за разработка:

• TextMate, Mac
• Aptana, crossplatform
• Coda, Mac
• NetBeans, crossplatform
• Espresso, Mac
• Web IDE, crossplatform
• TopStyle, Windows
• Sublime Text, Windows

Малко показно на Zen Coding:

Демо линк на уеб приложението: http://zen-coding.ru/demo/

Официалния сайт на проекта:  http://zen-coding.ru/

Линк на проекта в гугъл: http://code.google.com/p/zen-coding/

Надявам се да съм бил полезен :)

Етикети: fast css coding, fast html coding, zen coding, бързо писане на css, бързо писане на html, бързо писане на сайтове, бързо правене на сайтове