Какво е Zen-Coding и трябва ли да го използваме ?


В няколкото години в които съм се занимавал с писането на HTML и многото досадни Copy + Paste случай, реших да потърся алтернатива на тази досада и така без да искам попаднах на Zen-Coding.

Но какво всъщност е Zen-coding и защо трябва да го ползвам ?

Та в същността си Zen-coding представлява разширение за почти всички по-популярни IDE, което улеснява и намалява значително времето за писане на код.

Добре, как ускорява писането на код ?

Със прости съкратени команди може да генерирате значително количество код. Ето пример:

Имате нужда от div, в които има неподреден списък с 5 елемента, в които има линк. Пишете си в IDE-то : div>ul>li*5>a , натискаме Ctrl+E ( това е шорткъта за “разпъване” на код ) и ни изкрава готовия HTML код:

<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>

Искаме елементите на листа да имат клас “item”. Няма проблем: Пишете си в IDE-то : div>ul>li.item*5>a и вече имаме готов HTML код:

<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>

За пълен списък на това какво може да правите с съкратения код, може да видите тук

Но откъде да си го сваля ?

Тук може да намерите най-новата версия на Zen-Coding – цък

Заключение

Силно ви препоръчвам да ползвате Zen-Coding, тъй кат без него ще прекарате доста часове в Copy + Paste на НТМL код;