Mengenal Bulma

Devid Septian
SkyshiDigital
Published in
2 min readMay 19, 2017

Ada yang sudah mengenal Bulma? itu.. Bulma yang di Anime Dragon Ball, yang membuat sebuah capsule yang dilempar dan jadilah sebuah rumah beserta isi dan perabotannya hehehe :D #tontonanmasakecil

Bulma di sini adalah CSS Framework Modern berbasis Flexbox Open Source, Responsive untuk Mobile Device dan Modular kita dapat import apa yang kita butuhkan dengan menggunakan SASS.

Mungkin ada yang bertanya kenapa harus menggunakan Bulma?

Hampir sama dengan Bulma yang saya sebut di atas, selain menggunakan CSS Flexbox Bulma juga menyediakan banyak Elaments, Components dan Layout siap pakai untuk membuat sebuah Website. Silahkan kunjungi website-nya di sini http://bulma.io/

Dari hasil searching saya menggunakan mbah Google dan setelah saya amati, CSS Framework berbasis Flexbox yang paling komplit Elaments, Components dan Layout-nya adalah Bulma, selain Bootstrap 4 loh ya :D.

Mulai dari Elements Box, Button, Content, Delete, Form, Icon, Image, Notification, Progressbar, Table, Tag, Title,

kemudain Components Card, Level, Media Object, Menu, Message, Modal, Nav, Pagination, Panel dan Tabs.

Lalu Layout Container, Hero, Section dan Footer

Yang paling penting dari sebuah CSS Framework adalah pada Grid System-nya. Pada Grid nya ini lah CSS Felxbox digunakan.

Bagi yang belum paham Flexbox silahkan baca artikel berikut ini mengenal-css-flexible-box

CSS Framework Bulma tidak menyediakan code javascript sebagai fungsi untuk Components menu mobile, tabs dan lain-lain.

Tapi jangan khawatir bagi yang belum paham javascript kita bisa gunakan code js yang sudah di buat silahkan buka link berikut https://github.com/jgthms/bulma/blob/master/docs/javascript/bulma.js

Nah bagi yang sudah mahir Javascript tingkat dewa silahkan kalahkan Goku.. Eeehhhehehe.. :D

To Be Continue...

Nantikan artikel selanjutnya tentang Bulma :D

--

--