Zen Coding Dasar

 ZEN CODING

Halo sobat blog masih tertulis ! :)

kali ini saya akan memberi cara tentang menggunakan zen coding


Apa itu Zen Coding?
Sobat yg biasa coding html, biasanya menghadapi tugas yang mengesalkan dan berulang-ulang: membuat struktur element html. Mengapa mengesalkan?
Mungkin karena bisa dibilang kita sebenarnya menulis coding yang itu-itu saja (tags, attributes, quotes, braces).. Memang tersedia code-completion di semua text-editor saat ini, tapi tetap saja agan-agan harus banyak mengetik.

Karena itulah hadir Zen Coding. Zen Coding adalah solusi untuk mempercepat coding HTML (dan CSS) dan mengurangi tugas kita dalam mengetik yang berulang-ulang (terutama buat ane yang males).

Bagaimana Cara Kerjanya?
Kita langsung mulai dari Zen Coding untuk HTML. Agan-agan biasanya buat coding html seperti ini:

<div>
<ul>
<li><a href=""><img src="" alt=""></a></li>
<li><a href=""><img src="" alt=""></a></li>
<li><a href=""><img src="" alt=""></a></li>
<li><a href=""><img src="" alt=""></a></li>
<li><a href=""><img src="" alt=""></a></li>
</ul>
</div>

Bagaimana kalau struktur html yang sama bisa kita capai lebih cepat hanya dengan mengetikkan:

div>ul>li*5>a>img

simple kan? :)

Kalau masih tertarik silahkan teruskan baca lanjutannya di bawah..

Download dan Install
sobat bisa download Zen Coding di situs resminya pada laman Google Code.

http://code.google.com/p/zen-coding/

Zen Coding Tersedia untuk berbagai macam text editor, silahkan download plugins yang sesuai untuk text editor sobat

 http://code.google.com/p/zen-coding/downloads/list

nah .. bagaimana sobat masihtertulis? tertarik dengan zen coding?
nah.. sekarang baca artikel yang lainya ya :)