Blog

Bulma Tutorial is a light weight, modern CSS framework, which depends on flexbox module (flexbox is used for developing responsive layout structure and fancy designs).

Audience

This tutorial is designed for software programmers who want to learn the basics of Bulma and its programming concepts in simple and easy ways. This tutorial will give you enough understanding on the components of Bulma with suitable examples.

Prerequisites

Before proceeding with this tutorial, you should have a basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM), and any text editor. As we are going to develop web-based application using Bulma, it will be good if you have an understanding of how the internet and web-based applications work.

What is Bulma?

Bulma is an open-source, simple, and modern CSS framework, which depends on the flexbox module (it is used for developing responsive layout structure).

History

Bulma was published in the year 2016 and distributed under MIT license. The current version of Bulma is 0.7.1, which was released on April 18, 2018.

Why to use Bulma?

Bulma is very easy to learn and set up. It is built with SASS and divided by 39 .sass files. Code can be customized easily by dividing into separate files and it allows customizing the part of the application to get the expected result.

Features

• It is a lightweight, modern CSS framework, which uses Flexbox.
• It contains mobile first styles in a single file, instead of in separate files.
• It is customizable and modularizable.

Advantages

• It provides responsive design for desktops, tablets and mobiles.
• It is pure CSS framework, so that you can combine with any JavaScript framework like AngularJS, ReactJS etc.
• It uses minimal HTML code, which makes easy to read and write the code.

Disadvantages

• It is a new framework, which is not as large of a community.
• It has less documentation and need some minor improvement.
• This framework is still in development phase.

Next Topic : Click Here