Menulis Kode Dengan Cepat Menggunakan Notepad++ dan Zen Coding

Jika anda pengguna Notepad++, anda bisa menginstall zen coding untuk mempercepat pekerjaan anda menulis kode HTML dan CSS. Menginstallnya mudah;

Klik Plugins -> Plugins Manager

Pilih Tab Available, centang Zen Coding – Python. Klik Install.
Setelah diinstall, cara menggunakannya sangat mudah. Kebetulan saya penggemar berat Framework Foundation. Jadi tools ini sangat menolong.

Misalnya anda ingin membuat 2 kolom seperti ini:

<div class="row">
    <div class="large-6 columns"></div>
    <div class="large-6 columns"></div>
</div>

Di notepad++ anda cukup menulis seperti ini:

div.row>div.large-6.columns+div.large-6.columns

Kemudian tekan Ctrl + Alt + Enter. Kode akan expand sendiri seperti diatas. Untuk penulisan lebih kompleks, anda bisa melihat cheat sheetnya di https://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf

Nah, makanya ga usah pake dreamweaver-dreamweaveran. Berat dan overkill.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s