Want to read Slashdot from your mobile device? Point it at m.slashdot.org and keep reading!


Forgot your password?
Books Book Reviews

Book Review: Extending Bootstrap 27

First time accepted submitter ericnishio (3641743) writes "Extending Bootstrap is a concise, step by step manual that introduces some of the best practices on how to customize Twitter Bootstrap for your projects. As the title suggests, you will be learning how to extract the good parts of Bootstrap to create a fully customized package. But be advised: the book is not for beginners." Read below for ericnishio's review.
Extending Bootstrap
author Christoffer Niska
pages 110
publisher Packt Publishing
rating 8/10
reviewer ericnishio
ISBN 1782168419
summary For an intermediate front-end developer or designer who wants to learn the secrets of Bootstrap
As a frontend developer who has been working closely with Bootstrap for nearly three years, I would like to point out that the book is certainly not an entry-level guide for novice frontend developers. The preface clearly states this fact by mentioning that the book is intended for intermediate and advanced developers. You are expected to be acquainted with Bootstrap and its applications before delving further into the customization work. To fully appreciate the book, you should already have a solid grasp of CSS, LESS, JavaScript, jQuery, and HTML.

Extending Bootstrap is a fresh addition to the Bootstrap library. Rather than reiterating what other guides and books have said about Bootstrap, Extending Bootstrap distinctly offers an alternative perspective from a contributor's point of view. That is, you will not be told extensively what Bootstrap can be used for, or what kinds of element styles, components and jQuery plugins are available to you. Instead, you will learn how to take those parts, develop your own custom variations of them, and build a fully branded package for your frontend application, ultimately in the form of a unique Bootswatch theme.

Some of the things you will be walked through deal with how to use Bootstrap themes, handpick suitable Bootstrap components, resize the grid, alter Bootstrap variables with LESS, automatically compile LESS files into CSS with Node.js and Grunt, extend Bootstrap's jQuery plugins, and create your own Bootswatch theme. Each section is explored individually and you are also provided with alternative techniques along the way.

All of the techniques are covered one step at a time, but some parts may cause confusion if you have no previous experience with the tools. If you are unfamiliar with Grunt configurations (and although the tutorial does supply an example configuration that works out of the box) the section that deals with automated LESS compilation can be puzzling at first glance. But in case you are interested to know the nuts and bolts of a Gruntfile inside out, you will have to do some independent research on the side.

Overall, Extending Bootstrap adopts a very conversational and informal tone, which is positively welcome. You do not feel as if you were analyzing an academic treatise. The author speaks and delivers assistance directly to you. Christoffer Niska is a seasoned developer whom I have had the privilege of learning from and collaborating with, whose meticulous attention to precision and simplicity can be clearly observed in this manual as well. The book remains faithful to this minimalist methodology and does not try to cover anything that would not be relevant or useful in the context.

Despite its brevity, the book provides many practical code examples throughout the tutorials, supported by screenshots for visual representations of what is produced by the code. Although the examples are helpful for understanding the concepts, the lengthier blocks of code can become cumbersome to follow due to lack of highlighting on the important parts. The quality of the printed grayscale screenshots could also use some refinement.

If you choose to follow the book interactively—that is, reading while doing the exercises—you will need to have a Mac, Windows or Linux development environment in your employ. No other software licenses are required since you will be strictly utilizing open source tools, such as Node.js, Grunt, and Bootstrap itself.

To support and augment the concepts established in the book, Niska also provides a number of links to technical articles for further perusal. I encourage you to check the annotations and study the supporting material that is available for free.

What I would have wanted to read more about is the advised usages of Bootstrap variables and mixins in your LESS files, as opposed to explicitly using Bootstrap's stock classes in HTML. Following this method makes your stylesheets more semantic as well as portable since you are decoupling Bootstrap's CSS classes from your HTML and building your custom classes with the mixins provided by Bootstrap. You might argue that this is beyond the scope of the book, but I regard it as an important detail when bearing extensibility in mind.

To get a thorough picture of the contents of the book, I suggest you head over to the publisher's website for a complete table of contents as well as information on availability and purchasing. Extending Bootstrap is currently available as a printed book as well as an electronic download.

Eric Nishio is a frontend developer who also likes to blog about self-education on his blog Self-Learner.

You can purchase Extending Bootstrap from amazon.com. Slashdot welcomes readers' book reviews (sci-fi included) -- to see your own review here, read the book review guidelines, then visit the submission page.
This discussion has been archived. No new comments can be posted.

Book Review: Extending Bootstrap

Comments Filter:
  • by Anonymous Coward

    There is no definition of "Bootstrap" in TFS. Fire the "editors"!

  • WTF is Bootstrap? (Score:4, Informative)

    by Nethead ( 1563 ) <joe@nethead.com> on Monday May 05, 2014 @09:22PM (#46924699) Homepage Journal

    http://en.wikipedia.org/wiki/B... [wikipedia.org]

    Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It is the No.1 project on GitHub with 65,000+ stars and 23,800 forks (as of March 2014) and has been used by NASA and MSNBC, among many others

    So it's not how to get your 8080 [wikipedia.org] to see the 8250 UART [wikipedia.org] so you can load a Microsoft BASIC [computerhistory.org] from paper tape from your Model 33 ASR. [wikipedia.org]

I've finally learned what "upward compatible" means. It means we get to keep all our old mistakes. -- Dennie van Tassel