Cara Membuat Snippets CSS Sublime Text 3

Di kesempatan kali ini kita masih membahas mengenai snippets yaitu Cara Membangun Snippets CSS sublime Text 3. Sebelum kita masuk kepembahasan ada bagusnya teman-teman membaca terlebih dahulu artikel saya yang sebelumnya mengenai snippets HTML dibawah ini :



https://www.kursuswebsite.org/cara-membuat-snippets-html-sublime-text-3/



dimateri kali ini tak jauh berbeda dengan pembahasan yang sebelumnya, step-stepnya masih sama namun yang membedakannya nanti di syntax nya dan scope link di snippets.



Bagi lebih jelas dan gampang dimengerti mari kita mulai Cara Membangun Snippets CSS sublime Text 3, selaku contoh kita akan merancang snippets shadow css yah teman-teman.



Oke langkah pertama-tama jalankan/run sublime textnya lalu ikuti langkah seperti di gambar dibawah ini :





Seandainya telah ikuti langkah diatas karenanya akan tampil seperti di gambar dibawah ini :





Di langkah yang kedua diatas kita masukan script css shadow dan mengganti scope link bagi css di snippets sublime menjadi seperti di gambar dibawah ini :





Seandainya telah seperti di gambar diatas, langkah berikutnya kita simpan snippetsnya seperti di gambar dibawah ini :





Setelah telah disimpan, kita telah berhasil pada merancang snippets css dan bagaimana cara bagi menggunakan css snippets shadow kita ? oke seketika saja bikin new file dengan format html lalu ketiklah script htmlnya dan juga cssnya seperti di gambar dibawah ini :





Seandainya telah, di gambar diatas kita mempunyai faktor h1 yang nantinya akan kita berikan shadow, dan di css internal ini kita merancang selector h1 dan menambahkan css shadow hanya tinggal tulis seperti di gambar diatas kemudian ketik Tab satu kali karenanya hasilnya akan seperti di gambar dibawah ini :





Jadi seperti seperti itulah bagi Cara Membangun Snippets CSS sublime Text 3. Amat gampang ya teman-teman, silahkan coba merancang snippets lainnya sesuai keinginan teman-teman dan coba implementasikan di projek/latihan teman-teman.



Oke kalau seperti itu lumayan demikianlah dipembahasan kali ini mengenai Cara Membangun Snippets CSS sublime Text 3 semoga dapat bermanfaat dan hingga bertemu dipembahasan berikutnya.



Terimakasih



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more