Hallo teman-teman bertemu lagi pada tutorial dumet school, kita sebagai programmer website atau bisa dibilang developer website, pasti sering merasakan script HTML yang monotone seperti itu-itu saja, bahkan kadang kita harus membuat ulang script yang sudah kita buat sebelumnya, karena basic script HTML hanya sebatas itu-itu saja, dalam arti kita hanya mengulangi script atau barisan code yang hampir sama.
nah untuk mempercepat pengetikan script seperti itu, zen coding lah solusinya, apa itu zen coding?
zen coding ialah plugin untuk beberapa text editor seperti contohnya notepad++, sublime text dan lainnya yang fungsinya untuk mempercepat pengetikan kode HTML dan CSS kalian.
untuk teman-teman yang ingin mendownload bisa search di google dengan key word “plugin zen coding for sublimetext”, lalu teman-teman bisa instal, disini saya tidak akan membahas tentang proses instalnya, kita bahas itu dilain kesempatan, kali ini saya akan memberikan contoh sederhana penulisan zen coding didalam editor.
contoh kita ingin mengetikan script berikut :
<div id="head"> <img src="" alt="" id="banner"> <nav> <ul id="menu"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </nav> </div>
berapa lama teman-teman membutuhkan waktu untuk mengetikan script di atas?
nah penulisan dengan menggunakan zen coding hanyalah seperti berikut:
#head>img#banner+nav>ul#menu>li*3>a
dengan menggunakan zen code kita hanya perlu menuliskan 1 baris saja, hasilnya akan nampak seperti di atas.
memang penulisan ini membutuhkan rumus tersendiri, tapi ketika kita sudah terbiasa akan menjadi mudah pastinya.
oke teman-teman cukup dulu untuk sharing kali ini, semoga bermanfaat.
terimakasih.