Emmet

Proses web design tidak lepas dengan text. Kita bisa menyisipkan text node dengan menggunakan curly braces atau kurung kurawal. Selain itu, Emmet juga menyediakan shortcut untuk generate text secara random. Tentu Anda sering mendengar lorem generator? Nah, Emmet menyediakan shortcut lorem yang dapat diatur panjang kalimat yang akan digenerate. Kelebihan lainnya, emmet akan generate text … Read more

Replikasi pada Emmet sangat mudah, seperti logika perkalian matematika. Fitur ini sangat membantu karena mengurangi penulisan kode berulang. Berikut contoh penggunaanya. Sama seperti perhitungan matematika, replikasi pada emmet juga mengenal tanda kurung. Berikut contoh penggunaanya. Akan sangat berguna ketika Anda membuat navigasi. Berikut contoh kasusnya:

Emmet menyediakan cara navigasi DOM, berikut sintaks yang digunakan: > : menunjukan child + : menunjukan sibling ^ : naik 1 level Berikut contoh penggunaanya Perhatikan untuk tanda ^, emmet akan naik 1 level, footer akan sejajar dengan article (sibling). Kita juga menggunakan tanda ^ berulang kali. Lihat contoh dibawah. Silakan bandingkan jika tanda ^ … Read more

Pada bagian head, banyak sekali deklarasi yang jika diketik manual adalah pekerjaan yang repetitif. Berikut beberapa shortcut penting. JIka Anda menggunakan visual studio code, tidak perlu menghapalkan semua shortcut. Cukup ketikan link: maka akan ditampilkan dialog untuk memilih shortcut yang dituju.