UXDE dot Net Wordpress Themes

Zencoding mempercepatkan coding html anda

Zencoding merupakan sebuah plugin untuk code editor kegemaran anda. Zencoding sangat awesome kerana ia membolehkan anda menaip code html yang panjang hanya dengan memasukkan beberapa keyword. Macamana tu?

Tutorial kali ini saya menggunakan ZenCoding untuk Notepad++.

Contoh syntax yang saya gunakan.

div#content>table>tr*5>td>a.readmore

Untuk menggunakan ZenCoding, saya hanya perlu higlight syntax diatas dan klik Expand Abbreviation pada menu ZenCoding.

Hasilnya ialah:

 

Contoh lain ialah membuat menu menggunakan unordered list (ul)

Keyword:

Higlight keyword tersebut dan gunakan wrap with abbreaviation

Popup menggunakan IE akan keluar meminta anda memasukkan syntax

Hasilnya ialah:

Awesome bukan? Selain Notepad++, ZenCoding juga boleh digunakan di kebanyakkan code editor popular. Senarai lengkap boleh dilihat di page rasmi ZenCoding. Dapatkan ZenCoding disini.

Lihat juga official ZenCoding intro video oleh pembangunnya Sergey Chikuyonok.

Hi! Saya merupakan seorang web developer sepenuh masa di Petaling Jaya. Seorang yang sukakan teknologi dan gadget. Follow saya di twitter @cyberflyx

Discussion 10 Comments

  1. kukukakikakakku

    hi,
    kenapa kalau nak play video jer mesti page akan refresh
    dan naik ke atas secara automatik.

    dari hari tu lg, igt kjap je.

    masalah server ke masalah client?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

WP-SpamFree by Pole Position Marketing