HTML Kodlamanız için ZEN CODING Kullanın, Zamandan Kazanın

Belki bu özelliği kullanıyor yada sadece adınız duydunuz yada hiç birlmiyor olabilirsiniz. Zamandan kaznamak ve kısa sürede HTML kodlama yapmak istiyorsanız ZEN CODING kullanmanızı tavsiye derim..

KISACA ZEN CODING NEDİR ?

<div id="tasiyici">
<nav>
<ul>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
</ul>
</nav>
</div>

Genişletmek için tıkla ...

Yukaridaki gibi bir kodlamayı sürekli bir şekilde HTML sayfalarımızda kullanmaktayız. Buna benzer bir çok kod bloğunu sürekli yazıp sayfalarımıza eklemekteyiz. Yukaridaki kodlamayı saniyeler içerisinde ZEN CODING kullanrak yapabiliriz.

div#tasiyici>nav>ul>li*4>a

Genişletmek için tıkla ...

[*]# ve . kullanarak id ve class ekleyebiliriz.
[*]> kullanarak ağaç yapısı ve çoçuk elementler ekleyebiliriz.
[*]Bir elemanın bir defadan fazla tekralaması için * kullanabiliriz.
[*]Alt elementler eklemek için + kullanabiliriz.

ÖRNEK BİR VİDEO
Zen Coding Uygulaması ve Kullanımı ile ilgili Örnek Video
Daha Fazla bilgi için | http://code.google.com/p/zen-coding/

DREAMWEAVER EKLENTİSİ

teşekkürler hocam....

eyvallah ama pek ne işe yaradığını anlayan ve kıymetını bılen olmamış heralde...

Çok kolay bir şekilde kod yazmanızı sağlayan bir eklenti...