Bootstrap site blueprints. Volume II : maximize the potential of Bootstrap with a collection of real-world site projects for better, faster, more responsive web applications / Matt Lambert.

Format:

Book

Author/Creator:

Lambert, Matt, author.

Series:

Community experience distilled.

Community experience distilled

Language:

English

Subjects (All):

Bootstrap (Computer program).

Web site development.

Web sites--Design.

Web sites.

Physical Description:

1 online resource (329 p.)

Place of Publication:

Birmingham : Packt Publishing, 2015.

Biography/History:

Lambert Matt: Matt Lambert is a designer and developer with 15+ years of experience. He currently works full-time as a Senior Software Engineer for CA Technologies in Vancouver, BC, Canada. In his free time he is an author, artist, and musician. In 2005, Matt founded Cardeo Creative, which is a small web design studio based in Vancouver. He works with a select list of clients on a part-time basis while producing his own products on the side. To date, Matt has self-published 3 additional development books titled: Mastering Bootstrap, CSS3 Handbook, and the Freelance Startup Guide.

Summary:

Maximize the potential of Bootstrap with a collection of real-world site projects for better, faster, more responsive web applications About 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 Bootstrap Who 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 projects In 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."

Contents:

Cover ; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Advanced Bootstrap Development Tools; Chapter 2: Building a Restaurant Website; Chapter 3: Mobile First Bootstrap; Chapter 4: Bootstrap Wiki; Chapter 5: Bootstrap News Magazine; Chapter 6: Bootstrap Dashboard; Chapter 7: Bootstrap Social Network; Index; Theming is hard!@; Harp.js - the static web server with built-in preprocessing; Setting up a boilerplate project; Configuring Less; SMACSS overview; Summary; Building our development environment; Home page; The About page

The Menu pageThe Contact page; Summary; Setting up the template; Single page apps; Setting up the index page; Summary; Customizing the template; Setting up the Less variables; Updating the header and footer; Adding the navigation modal; Coding the homepage; The article page template; The search results page template; The Profile template; Mobile-specific styling; Summary; Customizing the template; Setting up the Less variables; Coding the header and footer; Coding the home page; Coding the article template; Summary; Customizing the template; Setting up the Less variables

Coding the header and footerCoding the dashboard; Summary; Customizing the template; Setting up the Less variables; Coding the header and footer; Coding the profile page; Coding the activity feed; Coding the notifications section; Coding the private messages section; Coding the friends section; Summary; Creating a development environment; Installing Node.js; Installing Harp.js; 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 footerCompiling for the first time; Running the local server; Defining your Less variables; Colors; Backgrounds; Text; Links; Borders; Typography; Layout; Mixins; Border radius; Animations and transitions; Setting up your theme; 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; Adding more pages; Expanding the layout; Updating the Less variables; Updating the header; Setting up the page title; Setting up the navigation

Setting up the reservations modalSetting up the footer; Adding the primary header image; Adding the about text to the home page; Setting up the food tiles; Changing the feature image; Setting up the large subtitle; Adding the social media icons; Adding the address; Reviewing the layout; Inserting the About text; Don't forget the modal; Recompiling your project; Customizing the .page-header class; Setting up the layout; Adding the featured modal; Multiple modals; Inserting the Google Map; Setting up the body of the page; The reservation modal; Adding a new web font

Adding the JavaScript to _layout.ejs

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed July 5, 2016).

ISBN:

9781785284915

1785284916