Creating Interfaces with Bulma

  • 1h 31m
  • Jeremy Thomas, et al.
  • Bleeding Edge Press
  • 2018

This book is a step-by-step guide that will teach how to build a web interface from scratch using Bulma.

The sample website that you will build is an administration interface for an online book publisher, where users can log in to manage three content types: Books, Customers, and Orders. This interface has been chosen because it satisfies all of the requirements for common CRUD (Create/Read/Update/Delete) functionalities, which exist in any type of website or CMS.

By the end of this book, you will understand how to:

  • Create layouts with Bulma
  • Work with components in Bulma
  • Design specific elements for your UI
  • Extend components with your own setup

This book will also show you how Bulma can be integrated with JavaScript through the following frameworks: React, Angular, VueJS, and Vanilla JS.

In this Book

  • Foreword
  • Understanding Bulma, Terminology, and Concepts
  • Creating and Controlling Forms with Bulma
  • Creating Navigations and Vertical Menus
  • Creating Responsive Grids with Common Components
  • Creating Breadcrumbs and File Upload Fields
  • Creating Tables and Selecting Dropdowns
  • Creating More Tables and Selecting Dropdowns
  • Creating Notifications and Cards
  • Using Bulma with Vanilla JavaScript
  • Using Bulma with Angular
  • Using Bulma with VueJS
  • Using Bulma with React
  • Customizing Bulma