Bulma : Alternativ Framework CSS selain Bootstrap
June 29, 2019 / #bulma #css

Pendahuluan

Ini bukan bulma dragon ball 😠

bulma adalah salah satu framework CSS yang sedang naik daun akhir-akhir ini, bulma dibuat oleh Jeremy Thomas berbasiskan css flexbox, oleh karena itu grid system pada bulma sangatlah flexibel dan responsif. inilah kelebihan utama pada bulma dibanding framework css lain. oh iya linuxisekai juga meggunakan bulma loh 😅 .

kelebihan bulma

  • flexbox based : membuat kita lebih mudah dalam membuat grid system yang fleksibel dan responsif
  • hanya menggunkan satu file css : bulma sama sekali tidak menggunakan javascript, saat kita menginstallnya kita hanya diberi satu file yaitu bulma.css
  • mudah dikostumisasi : secara default menurut saya tampilan bulma sudah cantik, tapi kalian juga bisa memodifikasi tampilan bulma sesuai selera kalian. caranya yaitu dengan menggunakan sass. jika kamu belum mahir sass tenang saja kalian bisa download kustom tema Bulma di https://jenil.github.io/bulmaswatch . disitu sudah disediakan berbagai macam custom theme bulma yang siap pakai. asyiik bukan 😆 ?
  • Dokumentasi yang lengkap : jika kalian ingin belajar bulma maka saya sangat sarankan untuk bolak balik mengunjungi situsnya untuk melihan dokumentasi dari bulma ( https://bulma.io )
  • class yang lengkap : Bulma sudah menyajikan berbagai class untuk layout dan komponen seperti button, card, hero, navbar, input, column, table, dll yang semuanya sudah siap pakai.

Syntax pada Bulma

bulma menggunakan keyword is- untuk memanggil modifier base class. contoh untuk button, button adalah base class sementara untuk memodifikasi tampilan button menggunakan is-primary is-rounded is-outlined dan lain lain. jika diamati class pada bulma tidak jauh berbeda dengan bootstrap

//bulma
< a class="button is-light is-small">

//bootstrap
< a class="btn btn-light btn-small">

kesimpulan

Bulma adalah Framework CSS yang powerfull, cukup mudah dipelajari bagi orang dengan kecerdsasan standar seperti saya, pemanggilan class yang simpel dan mudah diingat dan grid system yang fleksibel. dan sepertinya saya akan menggunakan Bulma dalam jangka panjang.

TERIMA KASIH SUDAH MEMBACA ARTIKEL SAMPAH INI 😃




comment