Have a personal or library account? Click to login
Creating Interfaces with Bulma Cover

Creating Interfaces with Bulma

Create impressive web interfaces with this open-source Flexbox-based CSS framework

Publisher:Packt Publishing Limited
By: Backstop Media LLC,  Mikko Lauhakari,  Jeremy Thomas,  Aslam Shah,  Oleksii Potiekhin and  Dave Berning  
Paid access
|Dec 2019
Product purchase options

Learn how to leverage the multiple features of this simple-to-learn and easy-to-use framework and create enterprise web interfaces in no time.

Key Features

  • Build your own interface from scratch with Bulma
  • Integrate Bulma with JavaScript via frameworks like React, Angular, and VueJS
  • Explore different ways to customize Bulma as per your needs

Book Description

Bulma is a lightweight configurable CSS framework that handles all the hard work of Flexbox for you. Bulma makes creating web interfaces an easy and interesting job.

This book begins with an overview of the basics of Bulma ? its terms and its concepts. Then, while designing a login page for your application, you’ll learn how to use the various tools provided by Bulma to create HTML forms and control their layout and flow. In the later chapters, you’ll design an admin area for your application, thus learning to use Bulma’s navigation and menu components. You will also add the components to your user interface for common things such as boxes, lists, and media groups, and then create pagination. As you progress through the book, you’ll create and layout some other components for your interface, including tables, design dropdown lists, and finally to integrate your web application with JavaScript.

By the end of this book, you’ll be able to use the features of Bulma to your advantage and build web interfaces quickly and easily.

What you will learn

  • Create different layouts that contain menus, navigations, and other elements
  • Work with the various components of Bulma
  • Design specific elements for your web interface
  • Create breadcrumbs and file upload fields
  • Extend components with your own set-up
  • Use navigation and menu components to build the admin area of your app

Who this book is for

This book is for any designer or developer who wants to understand how to use Bulma and learn how to use Bulma’s components and layout system to create their own web interface. Familiarity with CSS and HTML will help you make the most of this book.

Table of Contents

    PDF ISBN: 978-1-80020-365-5
    Publisher: Packt Publishing Limited
    Copyright owner: © 2018 Packt Publishing Limited
    Publication date: 2019
    Language: English
    Pages: 194
    Related subjects:
    Computer sciences,
    Computer sciences, other

    People also read

    Bootstrap 4 By Example
    Book

    Bootstrap 4 By Example

    Mastering Bootstrap 4
    Book

    Mastering Bootstrap 4

    Learning Bootstrap 4
    Book
    New

    Learning Bootstrap 4

    Lambert, Matt
    Mastering Bootstrap 4
    Book

    Mastering Bootstrap 4

    Learning Bootstrap
    Book

    Learning Bootstrap

    Democratizing No-Code Application Development with Bubble
    Book

    Democratizing No-Code Application Development with Bubble

    Calderari, Caio
    Bootstrap 4 Cookbook
    Book
    New

    Bootstrap 4 Cookbook

    Imsirovic, Ajdin
    Practical Web Design
    Book

    Practical Web Design

    Hong, Philippe
    Web Design Blueprints
    Book

    Web Design Blueprints

    Webflow by Example
    Book

    Webflow by Example

    Tariq, Ali Rushdan