Zen-Coding adalah metode pengetikan HTML dan CSS secara ringkas dan cepat. Kode yang dihasilkan adalah sama seperti HTML dan CSS pada umumnya, hanya saja Zen-Coding terdiri dari shortcut yang dapat di-expand supaya menjadi syntax yang sesuai dengan keinginan kita. Zen-coding adalah sebuah project open source, dapat diakses di: http://code.google.com/p/zen-coding/ Disitu terdapat dokumentasi, daftar IDE dan Text Editor yang sudah support Zen-Coding, ataupun plugin-plugin untuk menjalankan Zen-Coding.
Saya sudah mempersiapkan demo Zen-Coding ke dalam video tutorial 10 menit dibawah ini. Ini adalah video tutorial pertama yang saya buat untuk CSS Asyik 
, jadi harap dimaklumi jika ada suara-suara ga jelas dibelakangnya.
Sebenarnya artikel ini lebih condong ke arah “metode” daripada “tehnik”. Jadi hasil pencapaian kali ini tidak lebihnya sebuah tulisan HTML dan CSS biasa. Namun jika ingin mendapatkan source code demo ini, silakan diunduh pada link berikut ini:
zen-coding-demo.zip
Version: 0.1
Last Updated: February 20, 2010
Size: 26.79 KB
selamat sore om..
semoga sehat selalu…
om aku mau tanya nich
aku lagi bikin template bwt website-ku, tapi kenapa yah ketika aku tambah form atau lainnya.. templatenya amburadul/acak-acakan.. padahal sudah aku css tapi tetep aja amburadul alias acak-acakan…
tolong bantuannya yaa om…
thanks
Wah, pertanyaannya kurang spesifik, mas. Formnya seperti apa dan CSS nya seperti apa? Alangkah baiknya kalau saya dikasi link ke situs mas supaya bisa terlihat jelas masalahnya.
Great Tutorial..
Thx bro, very helpful…
menurut saya, kunci zen-coding ada di penggunaan class dan ID yang tepat, kemudian bagaimana integrasi class dan ID tersebut dengan CSS. Maaf mas, aku belum putar videonya, karna sound lagi mati
Itu hanya sebagian saja dari apa yang bisa dilakukan dengan Zen Coding
. Silakan lihat videonya untuk melihat demo syntax-syntax Zen Coding lainnya atau kunjungi dokumentasinya di:
http://code.google.com/p/zen-coding/