Zen Coding

A Zen Coding egy olyan technika/ megoldás aminek segítségével hihetetlenül felgyorsíthatjuk és kényelmessé tehetjük a HTML kódok létrehozását.
Már egy jó ideje használom, első nekifutásra nem állt kézre, de most már el sem tudnám képzelni nélküle a munkát.

A legtöbb editor vagy IDE már alalpból támogatja a Zen Coding megoldást, ha pedig nem, akkor hozzáadható valamilyen telepíthető plugin formájában.

Nem is ragoznám túl a dolgot, inkább mutatok néhány példát.
Nos, egyszerűen arról van szó, hogy CSS selector-ok segítségével kódot generálunk.
Beiírjuk a kedvenc szerkesztőnkbe a generáló kódot és egy tab leütésével elkészül a generált HTML.

Példa:

div#azonosito>ul#menu>li#menu_li$*4>a.menuLink

<div id="azonosito">
	<ul id="menu">
		<li id="menu_li1"><a class="menuLink"></a></li>
		<li id="menu_li2"><a class="menuLink"></a></li>
		<li id="menu_li3"><a class="menuLink"></a></li>
		<li id="menu_li4"><a class="menuLink"></a></li>
	</ul>
</div>

Itt egy videó amiben láthatunk további példákat:

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

A projekt oldala: Zen Coding

Reklámok