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

Melyik a “legjobb” JavaScript framework?

Leszedtem a sticky flag-et a posztról, már unalmasnak találtam, hogy mindíg ugyanaz látszik a blog kezdőlapján. Ahogy elnézem néhányan azért szavaztak. Az eddigi eredmény szerint a JQuery a nyerő, de a szavazás folytatódik. Hajrá, hajrá…

Üres DIV magassága Internet Explorer-ben

Pár perccel ezelőtt jött elő a probléma. Nyugodtan írogattam a HTML + CSS +JS kódjaimat, éppen egy üres DIV tag-et szúrtam be utoljára. Gondoltam rápillantok, hogy is néz ki Explorer-ben