KODING HTML+CSS RINGKAS PAKAI EMMET DI SUBLIME TEXT


Buat kamu-kamu yang udah punya Sublime Text terus masih ngerasa cara koding kamu masih lama, butuh sesuatu yang baru biar kalau pasang tag tiba-tiba langsung ada ga perlu terlalu inget tinggal pencet tab doang, kalian pasti suka dengan plugin yang satu ini namanya Emmet. Dulunya bernama Zen Coding kalau kata Smashing Magazine mah
"Emmet is the most productive and time-saving text-editor plugin you will ever see." 
Keren banget kan tuh kalian bisa mempercepat kodingan dengan mengetikkan beberapa singkatan khusus trus kalo kita tekan tab maka akan keluar suatu potongan kode komplek.

Sebelum itu coba cek dulu aja nih videonya biar tambah wow.



CARA INSTALL

Kalau kalian udah install Package Control cara installnya tinggal CTRL+SHIFT+P  → “install” → ENTER → “emmet” → ENTER. Belum tahu Package Control baca dulu artikel disini.

BAGAIMANA CARA KERJANYA?

Menulis kode HTML itu kita sadari memang memakan waktu, harus buka tutup tagnya, belum kurungnya, dan segala macam yang harus kita ketik ulang. Memang semua code editor juga punya code completion sendiri tapi keluarnya kan cuma sepotong. Kalau dengan Emmet dari sepotong itu jadi kode yang komplek jadi tidak terlalu banyak ngetik tinggal isi aja.

Sebenarnya Emmet bukan hanya untuk Sublime Text masih banyak Aplikasi Editor yang didukung. Kemampuan si Emmet ini juga bukan cuma yang dijelaskan di atas lebih lengkap silakan cek saja websitenya dengan dokumentasi yang mantap dan cheat sheet yang bisa jadi contekan kamu untuk pake Emmet. Terakhir dari saya selamat mencoba! :D

itu penjelasan singkat aja, jika ingin mencoba-coba silahkan karena semua linknya udah saya cantumkan. Didalam link tersebut juga sudah lengkap beserta tutorialnya.

Sumber : http://gilangaramadan.blogspot.com/2013/06/coding-htmlcss-ringkas-pakai-emmet-di.html

By : L Shaf

Komentar

  1. Unknown17 Juni 2013 pukul 09.18

    Sip gan makasih udah di repost :)

    BalasHapus
  2. Anonim19 Juni 2013 pukul 09.47

    gmn rahasianya itu gan bisa diterima google adsense?

    bagi tips dan triknya dong gan

    kunjungan balik dari http://alexringo.blogspot.com

    BalasHapus
    Balasan
    1. Unknown19 Juni 2013 pukul 18.25

      wah ga tau gan. ane cmn di undang tmen jadi admin google ads

      Hapus

Posting Komentar

Postingan populer dari blog ini

Menampilkan Jam Server dengan Javascript dan PHP

Gambar
yo kawan-kawan blogger semua. Gimana nih kabarnya?? pasti baik dong :D. oke kali ini saya akan berbagi ilmu tentang javascript nih. Terkadang orang bingung untuk menampilkan jam server padahal itu sangat gampang "BAGI YANG SUDAH TAHU" :D. oke langsung saja deh untuk kali ini lagi ga mood buat basa basi jadi langsung ke coding aja ya : <?php date_default_timezone_set("Asia/Jakarta"); #buat setting jam server indonesia ?> <div id="x"></div> <script> jamS = new Date("<?= date("Y m d H:i:s") ?>"); jamL = new Date(); jamD = jamS - jamL; function show(){ jam = new Date(); jam.setMilliseconds(jam.getMilliseconds() - jamD); h = (jam.getHours() < 10) ? "0"+jam.getHours() : jam.getHours(); i = (jam.getMinutes() < 10) ? "0"+jam.getMinutes() : jam.getMinutes(); s = (jam.getSeconds() < 10) ? "0"+jam.getSeconds() : jam.getSeconds(); document.getElementById(&
Baca selengkapnya

Mind Breaker

Gambar
Mind breaker. Itu adalah teknik yang saya buat dan saya kasih nama sendiri, mungkin teknik ini sudah di temukan orang lain akan tetapi mungkin juga belum di publikasikan. Saya juga tidak tau kalau ada orang yang pernah publish tentang teknik ini, tapi yang jelas ini tekni saya sendiri. Dan kenapa kok itu gambarnya tentang JOMBLO?? Itu adalah tema yang akan saya perdebatkan dan akan saya tunjukkan bagaimana Mind Breaker bekerja pada kalian. Perlu di ingat, teknik ini tidak bekerja pada semua orang yang jelas. Hanya beberapa orang saja yang terkena. Oke langsung saya mulai saja dengan gambar seperti di atas ada seseorang yang berkomentar seperti ini : suatu saat ada pasti ada waktunya kok, di umur segini pacaran pasti buat have fun aja kalo bilang buat jodoh sih aduh masih jauh neng/mas *bangga jadi jomblo*  sebelum saya lanjutkan, apa kalian sudah memahami gambar di atas, mengapa penulis menulis seperti itu? untuk siapa tulisan itu di tunjukkan dan untuk apa tulisan itu di buat? Ma
Baca selengkapnya

数字言語 [Suuji Gengo]

halo kawan-kawan blogger. judulnya satu ini aneh ya menurut kalian yang bukan otaku atau yang baru tau. sebenarnya bahasa ini saya dapatkan ketika saya penasaran dengan bahasa yang digunakan oleh salah satu anime yang berjudul Medaka Box Abnormal / Season 2nya Medaka Box. awalnya saya penasaran banget sama salah satu characternya. dia berbicara menggunakan angka. akhirnya saya menyelidikinya sampai ke akarnya dengan cara membuka biodatanya di wikia trus nemu tuh katanya Bahasa Matematika (Suuji Gengo). nah langsung saya jelasin aja ya cara pakainya gmn sih??? jujur saya sendiri baru baca jadi ngerti sedikit dan klo agan2 tahu klo ane bikin salah atau apa bilang aja ya. kita saling share. nah aturannya bahasa ini hanya pke angka berikut : Rumus 1 l n sh ch j z d t ts m 1 2 3 4 5 6 7 8 9 0 Rumus 2 u o a e i iu io ia ie ai 1 2 3 4 5 6 7 8 9 0 Rumus 3 b r f v g k h p s 88 99 77 55 66 44 22 00 33 pasti agak bingung ya klo cuman liat itu aja?? jujur ane juga bingung pemakai
Baca selengkapnya