Zen kodlama kullandığınız editörde, html kodlarını ve CSS kodlamada sıkça kullandığımız id, class ve style gibi tanımlamaları çok kolay bir şekilde, çok ciddi bir zaman kazancı sağlayacak şekilde yazmamızı sağlayan bir eklenti/araç. Bir çok editör doğal olarak veya eklentilerle zen kodlamayı destekliyor. Yakın zamanda da tüm editörlerin destekleyeceğini düşünüyorum.
Peki nasıl bir şeydir bu zen kodlama ?
html:xt>div#header>div#logo+ul#nav>li.item-$*5>a
Yukarıdaki satırı editörümüze yazıp zen kodlamayı tetikleyecek kısayolu kullandığımızda (genellikle Ctrl+,) aşağıdaki gibi bir html kodu elde ediyoruz.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> </head> <body> <div id="header"> <div id="logo"></div> <ul id="nav"> <li class="item-1"><a href=""></a></li> <li class="item-2"><a href=""></a></li> <li class="item-3"><a href=""></a></li> <li class="item-4"><a href=""></a></li> <li class="item-5"><a href=""></a></li> </ul> </div> </body> </html>
Süper değil mi! 
Bir de bunu izleyin :
Zen kodlamayı doğal olarak destekleyen editörlerden bazıları : Aptana/Eclipse, TextMate (Mac), Coda (Mac), Komodo IDE, NotePad++, PSPad.
Eklenti kurarak kullanabileceğiniz editörlerden bazıları: Dreamweaver, Gedit, Ultra Edit, Visual Studio, NetBeans.
Örneği görmek ve denemeler yapmak için online demo adresine bakabilirsiniz. Projenin web sitesi için burdan, kullanımını öğrenmek için burdan.
RSS Okuyucunuza Ekleyin
Son Yorumlar