Membuat Website Wlijo Halaman Realisasi Belanja Menggunakan BULMA

-

 Bulma CSS : Bulma Modern CSS Framework

Apa Sih Itu Bulma?

Bulma adalah Modern CSS Framework yang berbasis Flex Box. Intinya Bulma merupakan salah satu responsive css framework yang di bangun dengan Ruby dan Jekyll tool yang dapat memudahkan dalam pembuatan tampilan sebuah web. Seperti Bootsrap, Bulma CSS ini membantu programmer dalam membuat tampilan website yang responsive dengan komponen – komponen yang telah disediakan, namun tidak termasuk JavaScript. 

Jadi untuk membuat sebuah event untuk sebuah komponen, kita perlu membuat fungsi javascript secara manual. Contoh untuk menampilkan yang mengembunyikan modal kita perlu membuat fungsi show hide dengan js, tidak seperti Bootstrap yang hanya perlu set class dan data-target.

 

Kelebihan Bulma

~ Menggunakan konsep Flexible Box

    FlexBox merupakan salah satu layout mode dimaksudkan untuk mengakomodasi ukuran layar yang berbeda dan perangkat tampilan yang berbeda. Nah konsep Flexible Box lah yang membuat Bulma CSS responsive atau dapat berjalan dengan baik walau ukurang layar berbeda. Untuk lebih jelasnya kalian bisa buka Flexible Box.

~ Dapat di Customize dengan mudah

    Bulma CSS juga dapat di Customize lagi agar sesuai dengan keinginan kalian, seperti mengubah warna background default, mengganti warna font untuk title dan lain dengan mendefinikan variable yang ingin di rubah menggunakan SASS pada file variables.sass. Untuk nama nama viriablenya kalian bisa lihat di Dokumentasi Bulma.

~ Layout yang bervariasi

    Nah ini yang paling  suka, karena terkadang  perlu layout yang berbeda beda dalam satu page/web. Seperti Level Layout agar navbar lebih penuh, dan untuk Gallery menggunakan Tiles layout ( seperti Metro ) agar lebih keren.

~ Komponen dan element yang cukup banyak

    Walau tidak sebanyak Bootstrap namun Komponen dan Element pada Bulma rasa cukup banyak. Untuk Komponen yang disediakan cukup umum digunakan oleh Developer Web seperti Navbar, Menu, Card, Dropdown dan lainnya. Bisa dilihat di Components Bulma.

 

Kekurangan Bulma

Framework ini juga memiliki beberapa kekurangan, seperti belum disediakannya Javascript yang dapat mempercepat pembuatan Web, namun dengan belum disediakannya Javascript kita dapat mengurangi ketergantungan menggunakan fungsi jadi. Selain itu sangat sedikit tempalate yang disediakan/dibuat, mungkin karena Bulma CSS belum lama rilis jadi masih sedikit developer yang membuat template menggunakan Framework ini.


Berikut tampilan pembuatan template dari web desain Wlijo:

~ Realisasi Belanja dengan Bulma





Komentar

Posting Komentar

Postingan populer dari blog ini

Design Prototype Checkout Wlijo di Figma

-
Gambar
  Pengertian Prototype      Definisi umum dari  prototype  adalah sebuah skema rancangan sistem yang membentuk model dan standar ukuran atau skalabilitas yang akan dikerjakan nantinya. Setiap pengembang maupun pengguna dapat berinteraksi langsung dengan model tersebut tanpa harus membuat produk nyatanya.   Sistem prototipe yang dibangun, menyesuaikan dengan kebutuhan awal  development software  untuk mengetahui beberapa fitur dan fungsi yang telah didefinisikan sebelumnya. Sehingga mampu mengetahui kesalahan lebih awal sebelum mengimplementasikan dan merilis produk secara keseluruhan. Tujuan Penggunaan Prototype      Lantas, apa tujuan sebenarnya dari pembuatan sebuah  prototype ? Tujuan utamanya adalah supaya produk yang akan dirilis sesuai dengan permintaan  user  atau pasar. Sehingga, peran dari prototipe sendiri adalah menjadi penghubung antara produsen dan konsumen untuk dapat mewujudkan produk berupa perang...
Baca selengkapnya

Cara Membuat Web Server Statis dengan Python

-
Gambar
  Gambar diatas merupakan ilustrasi yang dapat membantu pemahaman kalian bagaimana model komunikasi antara server dengan client dan protokol RFC yang terkait dengan komunikasi data tersebut.  Nah RFC atau kepanjangan dari Request For Comments itu serial dokumen protokol standar yang diterbitkan oleh lembaga-lembaga internasional dibawah naungan Intenet Society (ISOC). Sampai saat ini, ISOC itu sendiri masih dibawah koordinasi World Wide Web Consortium (W3C). Dimana W3C itu sendiri, sampai artikel ini saya tulis masih dikepalai oleh Tim Berners-Lee, sang penemu www itu sendiri. Dokumen pertama kali yang ditulis oleh tim penyunting RFC tercatat mulai tahun 1968. Dan dari tahun 1968 itu dokumen RFC terus bertambah sampai sekarang. Jumlah dokumen RFC sejak tahun 1968 sampai tahun 2020 tercatat sudah mencapai angka 8.715 dokumen. Delapan ribu dokumen protokol standar inilah yang akhirnya dipatuhi oleh berbagai macam kalangan, terutama pengembang aplikasi world wide web dan aplikasi...
Baca selengkapnya

Belajar Cara Kerja Komputer dan Assembler Menggunanakan NASM

-
Gambar
    Komputer merupakan perangkat listrik dimana kosakata bahasanya hanya ON yang dilambangkan angka 1 dan OFF yang dilambangkan angka 0. Dimana angka biner 0 artinya arus listrik diputus, sedangkan 1 artinya arus listrik tersambung.     Jaman dahulu, pada saat komputer generasi awal dibuat, teknologinya yang ada masih menggunakan tabung vakum. Sehingga 1 unit komputer merk Electronic Numerical Integrator and Computer (ENIAC), dibuat dari 18.000 tabung vakum, 70.000 resistor dan 5 juta titik solder. Komputer ENIAC ini setidaknya butuh ruang 500 meter persegi atau hampir seluas lapangan sepak bola. berbeda dengan saat ini yang ukurannya sudah sangat kecil. Bagaimana Cara Kerja Komputer? Komputer tidak menyimpan karakter sebagai karakternya sendiri, juga tidak ada gambar dan huruf yang tersimpan di harddisk komputer kita. Sebaliknya, setiap karakter dikodekan sebagai rangkaian bit biner : 1 dan 0 Misalnya kode huruf "A" adalah 01000001. Tapi bagaimana komputer mengetahu...
Baca selengkapnya