Mobile First Bootstrap

If you know the basics of Bootstrap this book will show you how to use it for websites that start from a mobile perspective. Create sites that are user-friendly for all mobile devices.
Preview in Mapt

Mobile First Bootstrap

Alexandre Magno

If you know the basics of Bootstrap this book will show you how to use it for websites that start from a mobile perspective. Create sites that are user-friendly for all mobile devices.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$14.70
RRP $20.99
Save 29%
Print + eBook
$34.99
RRP $34.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$14.70
$34.99
$29.99 p/m after trial
RRP $20.99
RRP $34.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Mobile First Bootstrap Book Cover
Mobile First Bootstrap
$ 20.99
$ 14.70
Professional Oracle Mobile Book Cover
Professional Oracle Mobile
$ 39.99
$ 28.00
Buy 2 for $32.20
Save $28.78
Add to Cart

Book Details

ISBN 139781783285792
Paperback92 pages

Book Description

Bootstrap changes the way we develop websites in the frontend, and mobile web development has grown incredibly over the past few years. There are over 1.2 billion mobile web users in the world, and 25% of those mobile web users are exclusively mobile. Now, Bootstrap has also gone mobile-first. The mobile-first version of Bootstrap lets you first think about the mobile site and then think about how it expands to larger screens. To build websites for mobile devices that improve the overall experience of your customers, you need to be skilled at using the mobile-first feature of Bootstrap.

Mobile First Bootstrap covers the new features in Bootstrap 3 and focuses on how they affect development from a mobile-first perspective. It will show you how to use Bootstrap 3 for developing websites for mobile and how to use that knowledge for your own development projects.

The book starts by highlighting the new changes that have been made to Bootstrap 3. After learning about these new features, you will discover how to easily build websites for mobile. You will learn how to run Bootstrap 3 Docs to customize Bootstrap for your needs. You will then be introduced to the new mobile grid system, the responsive utilities, and how to use mobile-first for navigation. Then, using JavaScript, you will explore the power of data attributes and progressive enhancement before starting to develop a web project from scratch. The last section of the book will discuss the main issues that affect the performance of Bootstrap as well as the issues that arise while dealing with responsive images.

Mobile First Bootstrap guides you through everything you need to know about Bootstrap 3 and helps you to understand and use the mobile-first approach in your own projects with the help of an example project.

Table of Contents

Chapter 1: Bootstrap 3.0 is Mobile First
Bootstrap reviewed
Desktop to responsive
The new mindset – Mobile First
Practical example – The responsive dropdown
Now Bootstrap uses Bower and Jekyll
Running the docs
Bower
Making changes in the Bootstrap source code
Summary
Chapter 2: Designing Stylesheet in Bootstrap 3
The grid system
Forms in different resolutions
The icon library
Responsive utilities
Relative units
Navigation
Summary
Chapter 3: JavaScript, the Behavior in Mobile First Development
The carousel example
Data attributes
Mobile First and progressive enhancements
Unobtrusive JavaScript
Follow the Bootstrap tips about accessibility
Namespace events
JavaScript on the server
Summary
Chapter 4: Getting it All Together –a Simple Twitter App
Bootstrapping our application
The Bootstrap modal component example
Geolocation
The Twitter API search
Going from a tablet device to desktop screen resolution
The choice between a web app and mobile application
Summary
Chapter 5: Performance Matters
Responsive images
Load on demand
Optimizing icons
Summary

What You Will Learn

  • Develop websites using the mobile-first approach
  • Use the new Bootstrap grid system
  • Develop a mobile-first website from scratch with the help of a practical example of a live website
  • Deal with responsive design performance issues
  • Use Bootstrap as a kick-start framework to develop your websites for mobile, tablets, and desktop
  • Learn the best design decisions to make your frontend scalable for any device

Authors

Table of Contents

Chapter 1: Bootstrap 3.0 is Mobile First
Bootstrap reviewed
Desktop to responsive
The new mindset – Mobile First
Practical example – The responsive dropdown
Now Bootstrap uses Bower and Jekyll
Running the docs
Bower
Making changes in the Bootstrap source code
Summary
Chapter 2: Designing Stylesheet in Bootstrap 3
The grid system
Forms in different resolutions
The icon library
Responsive utilities
Relative units
Navigation
Summary
Chapter 3: JavaScript, the Behavior in Mobile First Development
The carousel example
Data attributes
Mobile First and progressive enhancements
Unobtrusive JavaScript
Follow the Bootstrap tips about accessibility
Namespace events
JavaScript on the server
Summary
Chapter 4: Getting it All Together –a Simple Twitter App
Bootstrapping our application
The Bootstrap modal component example
Geolocation
The Twitter API search
Going from a tablet device to desktop screen resolution
The choice between a web app and mobile application
Summary
Chapter 5: Performance Matters
Responsive images
Load on demand
Optimizing icons
Summary

Book Details

ISBN 139781783285792
Paperback92 pages
Read More

Read More Reviews

Recommended for You

Sass and Compass for Designers Book Cover
Sass and Compass for Designers
$ 26.99
$ 18.90
Bootstrap Essentials Book Cover
Bootstrap Essentials
$ 23.99
$ 16.80
Learning Bootstrap 4 - Second Edition Book Cover
Learning Bootstrap 4 - Second Edition
$ 31.99
$ 22.40
.Net Framework 4.5 Expert Programming Cookbook Book Cover
.Net Framework 4.5 Expert Programming Cookbook
$ 29.99
$ 21.00
Nginx Essentials Book Cover
Nginx Essentials
$ 27.99
$ 19.60
Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 22.40