Ако искате да станете бързаци в писането на HTML и CSS, Zen Coding е точно за вас !

Публикувано в xHTML/CSS на 23.11.2009

Както се казва, „… УАУ това изглежда яко“. Яко или не, това вие ще си прецените, поради простата причина, че човек има навика да привиква към по-удобните и лесните неща много бързо. Питате се за какво всъщност ви говоря?  Говоря ви за 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 едитор, или като плугини за някои от известните среди за разработка:

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

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

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

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

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

Етикети: , , , , , ,


Един коментар по “Ако искате да станете бързаци в писането на HTML и CSS, Zen Coding е точно за вас !”

  1. [...] бързаци в писането на HTML и CSS, Zen Coding е точно за вас ! http://m.ignev.net/blog/web-design/xhtml-css/…en-coding/ в Любими преди 45 секунди edno23.com Начало контакти [...]

Вашият коментар