Ebook: Bootstrap site blueprints. Volume II

Cover -- Copyright -- Credits -- About the Author -- About the Reviewer -- www.PacktPub.com -- Table of Contents -- Preface -- Chapter 1: Advanced Bootstrap Development Tools -- Theming is hard!@ -- Harp.js -- the static web server with built-in preprocessing -- Creating a development environment -- Installing Node.js -- Installing Harp.js -- Setting up a boilerplate project -- Setting up the CSS -- Setting up the fonts -- Setting up the JavaScript -- Setting up the partials -- Setting up _harp.json -- Configuring _data.json -- Setting up the layout -- Inserting the variables -- Setting up the header -- Setting up the footer -- Compiling for the first time -- Running the local server -- Configuring Less -- Defining your Less variables -- Colors -- Backgrounds -- Text -- Links -- Borders -- Typography -- Layout -- Mixins -- Border radius -- Animations and transitions -- Setting up your theme -- SMACSS overview -- Base rules -- Layout rules -- Module rules -- State rules -- Theme rules -- Setting up the base -- Setting up the layout -- Setting up the modules -- Setting up the states -- Setting up the theme -- Finishing up theme.less -- Summary -- Chapter 2: Building a Restaurant Website -- Building our development environment -- Adding more pages -- Expanding the layout -- Adding Google Web Fonts -- Updating the Less variables -- Backgrounds -- Links -- Updating the header -- Setting up the page title -- Setting up the navigation -- Setting up the reservations modal -- Setting up the footer -- The footer layout -- Home page -- Adding the primary header image -- Adding the about text to the home page -- Setting up the food tiles -- Adding the review carousel -- The About page -- Changing the feature image -- Setting up the large subtitle -- Adding the social media icons -- Adding the address -- Reviewing the layout -- Inserting the About text.;Maximize the potential of Bootstrap with a collection of real-world site projects for better, faster, more responsive web applicationsAbout This Book Build Bootstrap projects quickly and easily with Harp.js, Node, and Less Learn how to extend Bootstrap with the use of open source JavaScript and icon web font libraries Get acquainted with building complex social networking, wiki, and dashboard projects with BootstrapWho This Book Is For Bootstrap Site Blueprints Volume II is geared for developers of all experience levels. It is written in a concise, easy-to-understand way. Each project follows a step-by-step process that anyone can understand. Some experience with Bootstrap beforehand would definitely be an asset but is not required. What You Will Learn Customize and extend existing Bootstrap JavaScript components Combine the Google Material Design look and feel with Bootstrap Use flexbox and other cutting-edge CSS3 techniques in Bootstrap Implement and customize open source JavaScript chart libraries in Bootstrap Optimize and implement an optimal user experience for all your projects Implement the Disqus commenting platform into your projectsIn Detail Bootstrap is the most popular open source project on GitHub today. With a little bit of know-how, this massively popular CSS framework can leveraged for any type of complex web application or website. Bootstrap Site Blueprints Volume II will teach you to build these types of projects in an easy-to-understand fashion. The key to any complex Bootstrap project is a strong development foundation for your project. The book will first teach you how to build a Bootstrap development environment using Harp.js, Node, and Less. In the next chapters, we'll build on this foundation by creating restaurant and mobile-first aggregator projects. Once you're warmed up, we'll move on to more complex projects such as a wiki, a new magazine, a dashboard, and finally a social networking website. Whether you are brand new to Bootstrap or a seasoned expert, this book will provide you with the skills you need to successfully create a number of popular web applications and websites. Style and approach This book takes a step-by-step approach to building each project, explained in a conversational and easy-to-follow style. We start by designing a development environment that will be used in all of the book's projects. The projects start from an easy-intermediate level and progress to advanced as the book goes on.