Bootstrap Site Blueprints

About This Book

• Learn the inner workings of Bootstrap 3 and create web applications with ease
• Quickly customize your designs working directly with Bootstrap's LESS files
• Leverage Bootstrap's excellent JavaScript plugins

Who This Book Is For

Whether you are a beginner or intermediate web developer, if you wish to make the most of Bootstrap, then this book is for you. You should be familiar with the fundamentals of HTML and CSS, and have some experience incorporating JavaScript plugins. Prior Bootstrap experience is optional.

What You Will Learn

• Set up a custom Bootstrap project
• Customize and recompile Bootstrap's LESS files
• Incorporate custom icon fonts
• Write your own LESS variables and mixins
• Translate a Bootstrap design into a WordPress theme
• Leverage Bootstrap's powerful JavaScript plugins
• Incorporate non-Bootstrap JavaScript plugins into your design
• Optimize Bootstrap CSS and JavaScript for performance
• Implement the PictureFill responsive images method
• Add touch swipe functionality to the Bootstrap carousel

In Detail

Since its debut in August 2011, Twitter Bootstrap, now simply Bootstrap, has become by far the most popular framework for empowering and enhancing frontend web design. With Version 3, Bootstrap reaches an exciting new milestone, introducing a mobile-first responsive grid, new and powerful LESS mixins, and a lean code base optimized for modern browsers.

"Bootstrap Site Blueprints" is a hands-on guide to the inner workings of Bootstrap's latest and greatest development milestone. In an easy-to-follow, step-by-step format, you'll quickly get to know the ins and outs of Bootstrap while building a portfolio site, a WordPress theme, a business site, an e-commerce interface, and administration interface, and an upscale marketing site.

"Bootstrap Site Blueprints" guides you through the process of building different types of web applications, by leveraging the power of Bootstrap 3. In the process, you'll experience the power of customizing and recompiling Bootstrap's LESS files and adapting Bootstrap's JavaScript plugins, to the design of an excellent user interface. While creating these layouts, you will quickly become comfortable with customizing Bootstrap to meet the needs of your specific projects. You will add custom icon fonts, customize and recompile Bootstrap's powerful LESS files, and leverage Bootstrap's excellent JavaScript plugins to create dynamic user interfaces.

By the end of this book you will be a more adept and efficient designer.

David Cochran

David Cochran serves as an Associate Professor of Communication at Oklahoma Wesleyan University. He has been teaching Interactive Design since 2005. A passion for best practices induced him to avoid shortcuts and hew towards web standards. When Twitter Bootstrap was first released in August 2011, he recognized it as a tool that would speed up development while supporting best practices. Thus, he began folding Bootstrap into his university courses, much to the benefit of his students. In 2012, David produced a Bootstrap 2.0 tutorial series for webdesign.tutsplus.com. He also published a first short book about Bootstrap, Twitter Bootstrap Web Development HowTo, Packt Publishing. In his spare time, David blogs about web design at alittlecode.com. He also leads a media, design, and strategy company named BitBrilliant.