Pada kesempatan kali ini kita masih membahas tentang snippets yaitu Cara Membuat Snippets CSS sublime Text 3. Sebelum kita masuk kepembahasan ada bagusnya teman-teman membaca terlebih dahulu artikel saya yang sebelumnya tentang snippets HTML dibawah ini :
https://www.kursuswebsite.org/cara-membuat-snippets-html-sublime-text-3/
dimateri kali ini tidak jauh berbeda dengan pembahasan yang sebelumnya, step-stepnya masih sama namun yang membedakannya nanti pada syntax nya dan scope link pada snippets.
Untuk lebih jelas dan mudah dipahami mari kita mulai Cara Membuat Snippets CSS sublime Text 3, sebagai contoh kita akan membuat snippets shadow css yah teman-teman.
Oke langkah pertama jalankan/run sublime textnya lalu ikuti langkah seperti pada gambar dibawah ini :
Jika sudah ikuti langkah diatas maka akan tampil seperti pada gambar dibawah ini :
Pada langkah yang kedua diatas kita masukan script css shadow dan mengganti scope link untuk css pada snippets sublime menjadi seperti pada gambar dibawah ini :
Jika sudah seperti pada gambar diatas, langkah selanjutnya kita simpan snippetsnya seperti pada gambar dibawah ini :
Setelah sudah disimpan, kita sudah berhasil dalam membuat snippets css dan bagaimana cara untuk menggunakan css snippets shadow kita ? oke langsung saja buat new file dengan format html lalu ketiklah script htmlnya beserta cssnya seperti pada gambar dibawah ini :
Jika sudah, pada gambar diatas kita mempunyai elemen h1 yang nantinya akan kita berikan shadow, dan pada css internal ini kita membuat selector h1 dan menambahkan css shadow hanya tinggal tulis seperti pada gambar diatas kemudian ketik Tab satu kali maka hasilnya akan seperti pada gambar dibawah ini :
Jadi seperti itulah untuk Cara Membuat Snippets CSS sublime Text 3. Sangat mudah ya teman-teman, silahkan coba membuat snippets lainnya sesuai keinginan teman-teman dan coba implementasikan pada projek/latihan teman-teman.
Oke kalau begitu cukup sekian dipembahasan kali ini tentang Cara Membuat Snippets CSS sublime Text 3 semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih