Responsive Web Design with HTML5 and CSS3 Essentials

Design and deliver an optimal user experience for all devices
Preview in Mapt

Responsive Web Design with HTML5 and CSS3 Essentials

Alex Libby, Gaurav Gupta, Asoj Talesra

1 customer reviews
Design and deliver an optimal user experience for all devices

Quick links: > What will you learn?> Table of content> Product reviews

eBook
$16.10
RRP $22.99
Save 29%
Print + eBook
$27.99
RRP $27.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
$16.10
$27.99
RRP $22.99
RRP $27.99
eBook
Print + eBook

Frequently bought together


Responsive Web Design with HTML5 and CSS3 Essentials Book Cover
Responsive Web Design with HTML5 and CSS3 Essentials
$ 22.99
$ 16.10
HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
$ 67.99
$ 47.60
Buy 2 for $33.60
Save $57.38
Add to Cart

Book Details

ISBN 139781783553075
Paperback174 pages

Book Description

Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience—providing easy reading and navigation with minimum resizing, panning, and scrolling—and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet’s total traffic.

This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques.

You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we’ll dive into creating layouts using grid based templates. We’ll also cover the important topic of performance management, and discover how to tackle cross-browser challenges.

Table of Contents

Chapter 1: Introducing Responsive Web Design
Getting started with RWD
Exploring how RWD works
Understanding the elements of RWD
Appreciating the importance of RWD
Comparing RWD to adaptive design
Preparing our development environment
Considering a suitable strategy
Exploring best practices
Setting up a development workflow
Exploring mistakes
Summary
Chapter 2: Creating Fluid Layouts
Introducing flexible grid layouts
Understanding the different layout types
Setting the available viewport for use
Exploring the benefits of flexible grid layouts
Understanding the mechanics of grid layouts
Implementing a prebuilt grid layout
Exploring the use of flexbox
Visiting the future
Taking it further
Summary
Chapter 3: Adding Responsive Media
Making media responsive
Making video responsive
Making text fit on screen
Summary
Chapter 4: Exploring Media Queries
Exploring some examples
Understanding media queries
Identifying common breakpoints
Putting our theory into practice
Creating some practical examples
Examining some common mistakes
Exploring best practices
Taking things further
Summary
Chapter 5: Testing and Optimizing for Performance
Understanding the importance of speed
Understanding why pages load slowly
Optimizing the performance
Testing the performance of our site
Best practices
Providing support for older browsers
Considering cross-browser compatibility
Testing site compatibility
Following best practices
Summary

What You Will Learn

  • Explore various layout options 
  • Understand what can be achieved in the browser, without the use of third-party tools 
  • Executing media queries to benefit responsive designs 
  • Understand the basics of responsive workflow and boilerplate frameworks 
  • Improve performance of responsive web design 
  • Maintain compatibility across various browsers

Authors

Table of Contents

Chapter 1: Introducing Responsive Web Design
Getting started with RWD
Exploring how RWD works
Understanding the elements of RWD
Appreciating the importance of RWD
Comparing RWD to adaptive design
Preparing our development environment
Considering a suitable strategy
Exploring best practices
Setting up a development workflow
Exploring mistakes
Summary
Chapter 2: Creating Fluid Layouts
Introducing flexible grid layouts
Understanding the different layout types
Setting the available viewport for use
Exploring the benefits of flexible grid layouts
Understanding the mechanics of grid layouts
Implementing a prebuilt grid layout
Exploring the use of flexbox
Visiting the future
Taking it further
Summary
Chapter 3: Adding Responsive Media
Making media responsive
Making video responsive
Making text fit on screen
Summary
Chapter 4: Exploring Media Queries
Exploring some examples
Understanding media queries
Identifying common breakpoints
Putting our theory into practice
Creating some practical examples
Examining some common mistakes
Exploring best practices
Taking things further
Summary
Chapter 5: Testing and Optimizing for Performance
Understanding the importance of speed
Understanding why pages load slowly
Optimizing the performance
Testing the performance of our site
Best practices
Providing support for older browsers
Considering cross-browser compatibility
Testing site compatibility
Following best practices
Summary

Book Details

ISBN 139781783553075
Paperback174 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
$ 67.99
$ 47.60
Professional CSS3 Book Cover
Professional CSS3
$ 35.99
$ 25.20
Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 22.40
Mastering Bootstrap 4 Book Cover
Mastering Bootstrap 4
$ 35.99
$ 25.20
Learning PHP 7 Book Cover
Learning PHP 7
$ 39.99
$ 8.00
JavaScript: Functional Programming for JavaScript Developers Book Cover
JavaScript: Functional Programming for JavaScript Developers
$ 63.99
$ 44.80