Responsive Web Design by Example

Develop mobile-first and adaptive websites that provide the best user experience for a wide range of devices
Preview in Mapt

Responsive Web Design by Example

Frahaan Hussain

Develop mobile-first and adaptive websites that provide the best user experience for a wide range of devices
Mapt Subscription
FREE
$29.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.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
$22.40
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Responsive Web Design by Example Book Cover
Responsive Web Design by Example
$ 31.99
$ 22.40
Complete Bootstrap: Responsive Web Development with Bootstrap 4 Book Cover
Complete Bootstrap: Responsive Web Development with Bootstrap 4
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $32.98
Add to Cart

Book Details

ISBN 139781787287068
Paperback300 pages

Book Description

Desktop-only websites just aren't good enough anymore. As you enter a future of increasingly diverse browsing methods, you need to know how to build websites that are presentable and will work perfectly with the huge volume of different device sizes and resolutions that are now commercially available. Responsive web design is an answer to the problem of modern web development.

By following the detailed step-by-step instructions, previews, and examples mentioned in this book, you will learn how to build engaging responsive websites and upgrade your skills as a web designer.

With coverage of Responsive Grid System and Bootstrap, you will learn about the most powerful frameworks in responsive web design.

In this book, you will learn how to create a crisp blog page, a beautiful portfolio site, a cool social networking page, and a fun photo gallery. Through each of these projects, you'll learn how to build various elements of a modern responsive website, and also find out which framework works best for your project specifications.

By the end of the book, you will have gained practical skills you need to build real-world websites that are professional, creative and truly responsive.

Table of Contents

Chapter 1: What is Responsive Web Design?
Responsive design philosophy
Responsive design principles
Responsive grids and columns
Summary
Chapter 2: What is Bootstrap, Why Do We Use It?
Brief history of Bootstrap
Why use Bootstrap?
Bootstrap's grid system
Bootstrap components
Summary
Chapter 3: Reusable Project Template
What is a reusable project template?
Development environment prerequisites
Creating our reusable project template
Troubleshooting
Summary
Chapter 4: Creating the Introduction Section
What is a single-page website?
Implementing our introduction section
Common pitfalls
Summary
Chapter 5: Creating a Generic Reusable Single Page Section
Different sections in single page websites
Implementing our generic reusable single page section
Summary
Chapter 6: Creating a Contact Us Section
Contact Us examples for single page websites
Implementing the Contact Us section
Summary
Chapter 7: Creating the Blog Posts Home Page
Blog examples
Setting up the base project
What will our blog home page look like?
Implementing the blog home page section
Implementing the blog posts
Summary
Chapter 8: Creating the Blog Posts Page
Blog post page examples
What will our blog post page consist of?
Implementing the sidebar
Further extending the blog
Summary
Chapter 9: Adding a Sidebar to the Social Network
Social network sidebar examples
What will our social network sidebar consist of?
Chapter 10: Creating the Home page in Our Social Network
Social network timeline examples
What will our social network timeline consist of?
Implementing the timeline
Summary
Chapter 11: Creating the User's Profile Page
Social network profile examples
What will our social network user page consist of?
Implementing the jumbotron
Chapter 12: Displaying Thumbnails of Our Photos
Photo gallery home page examples
What will our photo gallery home page consist of?
Implementing the thumbnails
Chapter 13: Opening Images Using a Light Box
Light box examples
What will our light box consist of?
Implementing the light box
Summary

What You Will Learn

  • Understand what responsive design is, and why it's vital for modern web development
  • Customize and extend responsive design frameworks
  • Create adaptable templates for all future projects
  • Build a semantic website structure with HTML5 elements
  • Determine a responsive website persona with CSS3
  • Learn how to decide which framework best suits your project specification
  • Implement a plethora of Bootstrap features in your websites

Authors

Table of Contents

Chapter 1: What is Responsive Web Design?
Responsive design philosophy
Responsive design principles
Responsive grids and columns
Summary
Chapter 2: What is Bootstrap, Why Do We Use It?
Brief history of Bootstrap
Why use Bootstrap?
Bootstrap's grid system
Bootstrap components
Summary
Chapter 3: Reusable Project Template
What is a reusable project template?
Development environment prerequisites
Creating our reusable project template
Troubleshooting
Summary
Chapter 4: Creating the Introduction Section
What is a single-page website?
Implementing our introduction section
Common pitfalls
Summary
Chapter 5: Creating a Generic Reusable Single Page Section
Different sections in single page websites
Implementing our generic reusable single page section
Summary
Chapter 6: Creating a Contact Us Section
Contact Us examples for single page websites
Implementing the Contact Us section
Summary
Chapter 7: Creating the Blog Posts Home Page
Blog examples
Setting up the base project
What will our blog home page look like?
Implementing the blog home page section
Implementing the blog posts
Summary
Chapter 8: Creating the Blog Posts Page
Blog post page examples
What will our blog post page consist of?
Implementing the sidebar
Further extending the blog
Summary
Chapter 9: Adding a Sidebar to the Social Network
Social network sidebar examples
What will our social network sidebar consist of?
Chapter 10: Creating the Home page in Our Social Network
Social network timeline examples
What will our social network timeline consist of?
Implementing the timeline
Summary
Chapter 11: Creating the User's Profile Page
Social network profile examples
What will our social network user page consist of?
Implementing the jumbotron
Chapter 12: Displaying Thumbnails of Our Photos
Photo gallery home page examples
What will our photo gallery home page consist of?
Implementing the thumbnails
Chapter 13: Opening Images Using a Light Box
Light box examples
What will our light box consist of?
Implementing the light box
Summary

Book Details

ISBN 139781787287068
Paperback300 pages
Read More

Read More Reviews

Recommended for You

Complete Bootstrap: Responsive Web Development with Bootstrap 4 Book Cover
Complete Bootstrap: Responsive Web Development with Bootstrap 4
$ 35.99
$ 25.20
Bootstrap 4 - Responsive Web Design Book Cover
Bootstrap 4 - Responsive Web Design
$ 71.99
$ 50.40
Progressive Web Apps with React Book Cover
Progressive Web Apps with React
$ 35.99
$ 25.20
Mastering JavaScript Functional Programming Book Cover
Mastering JavaScript Functional Programming
$ 35.99
$ 25.20
Architectural Patterns Book Cover
Architectural Patterns
$ 39.99
$ 28.00
Responsive Web Design by Example : Beginner's Guide - Second Edition Book Cover
Responsive Web Design by Example : Beginner's Guide - Second Edition
$ 26.99
$ 18.90