GithubHelp home page GithubHelp logo

troymott / bulma-book-code Goto Github PK

View Code? Open in Web Editor NEW
232.0 16.0 72.0 5.02 MB

This repo contains sample code for the book, "Creating Interfaces with Bulma," by Bleeding Edge Press.

Home Page: https://bleedingedgepress.com

TypeScript 1.24% JavaScript 0.92% HTML 23.17% CSS 73.26% Vue 1.40%
bulma

bulma-book-code's People

Contributors

daveberning avatar jgthms avatar troymott avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bulma-book-code's Issues

book.html : Nested div.field

Hi,

Is it a typo to nest the first form field (title) in another div with class field ?

<div class="field">
    <div class="field">
        <label class="label">Title</label>
        <div class="control">
            <input class="input is-large" type="text" value="TensorFlow For Machine Intelligence"
                placeholder="e.g. Designing with Bulma" required>
        </div>
    </div>
</div>

Chapter 5: "<div>" instead of "/div"

Note: I am reading the ebook off Safari Online. Not sure it's the most recent version.

Chapter 5. Creating responsive grids with common components

The books grid
...
To create the grid of the six books, you’ll need to first create your standard columns row and give it six

s with the column class. Add an image as a placeholder for the book item:

<div class="columns">
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div> <<<<<<<<<<<<<<<< MISSING /
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div><<<<<<<<<<<<<<<< MISSING /
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div><<<<<<<<<<<<<<<< MISSING /
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div><<<<<<<<<<<<<<<< MISSING /
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div><<<<<<<<<<<<<<<< MISSING /
  <div class="column">
    <img src="images/tensorflow.jpg" width="80">
  <div><<<<<<<<<<<<<<<< MISSING /
</div>

Wrong class - Chapter 6

On chapter 6 page 68/69, divs.columns has two is-*-tablet class:

screenshot from 2018-05-08 08-40-41

Shouldn't be "is-12-mobile" instead of "is-12-tablet is-6-tablet" or maybe just "is-6-tablet is-4-desktop?

new.customer.html:

edit.customer.html:

Extra field wrapper

In new-book.html is the extra field wrapper needed?

            <div class="field">
              <div class="field">
                <label class="label">Title</label>
                <div class="control">
                  <input class="input is-large" type="text" value="" placeholder="e.g. Designing with Bulma" required>
                </div>
              </div>
            </div>

Chapter 7 Images

Chapter 7 talks about the orders page.

The screenshots are of the customers. Shouldn't the screenshots in this chapter be of the "Orders"

Existing
screen shot 2018-03-07 at 8 22 19 am
screen shot 2018-03-07 at 8 22 25 am

Where the screenshots should potentially be something like this?
screen shot 2018-03-07 at 8 23 14 am

Typo: "it's" > "its"

Section 4: "Creating Interfaces with Bulma"

Remove the text “Dropdown content” and add this content in it’s place:

its place

Bought book but have not received it

Hello:

I hope this message finds you well.

Twenty-four hours ago I purchased a copy of this book from the publisher, but I have yet to receive it. Twenty-three hours ago I sent a message to the publisher via the contact form; I haven't heard back. The publisher does not have a published email address for me to follow up with. I'm sure this is not the absolute best venue for me to make contact about this issue, but it seems to be the best option actually available to me.

Can you help me get a copy of your book?

Regards,
James Cropcho

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.