Book description
Without Bootstrap your web designs may not be reaching their full potential. This book will change that through a series of hands-on projects covering everything from custom icon fonts to JavaScript plugins.
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.
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
Table of contents
-
Bootstrap Site Blueprints
- Table of Contents
- Bootstrap Site Blueprints
- Credits
- About the Authors
- About the Reviewers
- www.PacktPub.com
- Preface
- 1. Getting Started with Bootstrap
-
2. Bootstrappin' Your Portfolio
- What we'll build
- Surveying the exercise files
- Marking up the carousel
- Creating responsive columns
- Turning links into buttons
- Understanding the power of LESS
- Customizing Bootstrap's LESS according to our needs
- Adding the logo image
- Adjusting nav item padding
- Adding icons
- Adding Font Awesome icons
- Adjusting the navbar icon color
- Adjusting the responsive navbar breakpoint
- Styling the carousel
- Tweaking the columns and their content
- Styling the footer
- Recommended next steps
- Summary
-
3. Bootstrappin' a WordPress Theme
- Downloading and renaming the Roots theme
- Installing the theme
- Configuring the navbar
- Bringing in our home page content
- Customizing a page template
- Understanding the Roots base template
- Creating a custom base template
- Using custom fields for a custom structure
- Creating a custom content template
- Putting the footer content in place
- Surveying the Roots assets folder
- Swapping design assets
- Connecting our stylesheet
- Connecting our JavaScript files
- Adding logo images to the navbar and footer
- Adding icon links
- Adding back WordPress-specific styles
- Summary
- 4. Bootstrappin' Business
- 5. Bootstrappin' E-commerce
- 6. Bootstrappin' a One-page Marketing Website
- A. Optimizing Site Assets
- B. Implementing Responsive Images
- C. Adding Swipe to the Carousel
- Index
Product information
- Title: Bootstrap Site Blueprints
- Author(s):
- Release date: February 2014
- Publisher(s): Packt Publishing
- ISBN: 9781782164524
You might also like
book
Bootstrap: Related Tools & Skills
Bootstrap stands as one of the most popular, open-source, front-end frameworks on the Web. Since its …
book
Your First Week With Bootstrap
Bootstrap stands as one of the most popular, open-source, front-end frameworks on the Web. Since its …
book
PHP and MySQL™ Phrasebook
gives you the code you need to complete your web programming projects quickly and effectively in …
book
Sass for Web Designers
Foreword by Chris Coyier Let’s face it: CSS is hard. Our stylesheets are more complex than …