Creating Interfaces with Bulma

by Jeremy Thomas, Oleksii Potiekhin, Mikko Lauhakari

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. You can access all of the code for this example on Github (https://github.com/troymott/bulma-boo...).

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.

Genres: Programming

256 pages, Kindle Edition

Published February 4, 2018

Reviews

[Alojzy Leszcz · Rating 2 out of 5]

Decent introduction to the library and that's it - nothing less, nothing more. To be honest I was missing information of some general hints on designing UIs. Also, the screenshots showing the results of code snippets were too often presenting wrong pieces of UI (at least on Safari Books).

[Julio Biason · Rating 2 out of 5]

Everybody is looking for that most awesome, small CSS framework, that will solve all your problems. Is Bulma this framework? Well, I'm not sure.

It's not that the book doesn't show what the framework can do, it's just that the examples seem really without any checking: Sometimes fields are surrounded by one "field" div, sometimes they are surrounded by "column" (a normal grid component) and sometimes they are surrounded by two "field" divs. Why? Which one is the right way? It is a problem with the framework or a problem with the book?

Also, there is a weird example of just writing templates with no explanation on why: Why one should replace "6 books" to "3 customers"? Does that change anything? (It does not, I do understand the why doing it, but there is no explanation that you're doing it just to show how things will look like.)

Also also, there is some serious problem with the images in the ePub version: It says something but it shows a copy of a previous image. Surely, you get what they meant by some template changes in a way that you don't need to see the results, but still...

[Monika Venckauskaite · Rating 3 out of 5]

This is a very comprehensive tutorial about using Bulma. However, there are many mistakes in the layout of the illustrative images in the book, making it harder to read. Moreover, the code that worked for my sass builds was different than in the book ("node-sass --omit-source-map-url sass/custom.scss css/custom.css"). All things considered, this is a good starting point to get to know the power of this framework so you could be sure you can explore it's full potential.

[Carlos Ramos · Rating 2 out of 5]

It has some good pointers for beginners in Bulma.

However, at least on the PacktPub online version, the image that was being shown was not the correct one.

If you are new to Bulma, you may get some value.

Otherwise, I do not think it has more value than the standard documentation on the official site.

[Tadas Talaikis · Rating 3 out of 5]

How to read tech books nowadays with extremely limited time: download code, npm run, if it's pretty, look into any one page of code. Voila, you've learned it. Along to listening to another book.