Responsive Web Design - From Concept to Complete Site [Video]

Responsive Web Design - From Concept to Complete Site [Video]

Joshua Miller

Easily design responsive websites that can adapt to any device regardless of screen size using HTML 5 and CSS3
Packt Subscription
$5.00
$9.99/m after first month
Video
$5.00
RRP $84.99
Save 94%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
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 subscription 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 subscription 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 subscription reader
$5.00
$5.00
$9.99/m after first month
RRP $84.99
Subscription
Video
Subscribe Now

Frequently bought together


Responsive Web Design - From Concept to Complete Site [Video] Book Cover
Responsive Web Design - From Concept to Complete Site [Video]
$ 84.99
$ 5.00
Practical DevOps Security [Video] Book Cover
Practical DevOps Security [Video]
$ 124.99
$ 5.00
Buy 2 for $10.00
Save $199.98
Add to Cart

Video Details

ISBN 13 9781782165705
Course Length 2 hours and 04 minutes

Table of Contents

Building Our First Responsive Page

Video Description

There’s never been a greater range of screen sizes of tablets, smartphones, and even televisions and associated web view user experiences to consider. Web pages being built to be responsive provide the best possible version of their content to match the viewing devices of not just today’s devices but tomorrow’s too. This course walks you through crafting responsive websites that provide an optimal viewing experience on any device using HTML5 and CSS3.

By following this structured video course, you will learn how to convert fix-width layouts to responsive layouts, contain a fluid layout with maximum or minimum properties, write syntax for a media query, select breakpoints, write HTML to embed all the saved elements into a page, and add CSS to your site ensuring that you have the skills to create your very own responsive website quickly and efficiently.

Responsive Web Design - From Concept to Complete Site starts with an overview of the technology, the best practices to follow, and then moves on to a complete implementation of a responsive site using HTML5 and CSS3 media queries. After learning the essentials of responsive web design in the introductory section, you will walk through splitting a mockup into images and content areas, defining a fluid grid using those divisions, creating a percentage-based layout for the fluid grid with CSS, and then begin creating a full-functional responsive page. The latter section contains hands-on exercises that will walk you through all the HTML5 and CSS3 code required to build your sample page.

This course ends with an overview on the future of web design, the features you can use today, and tips on how to remain current in the field.

Style and Approach

Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.

Responsive Web Design - From Concept to Complete Site will lead you, step by step, through the process of making your website responsive and appear at its best, no matter the device it is viewed on.

Video Preview

What You Will Learn

  • Build a responsive site from start to finish, from mockup to HTML and CSS implementation
  • Understand the advantages and disadvantages of RWD compared to other web design techniques
  • Learn to build a fluid layout starting from a digital mockup
  • Create breakpoints in a layout and write the code to modify the layout of your site at each breakpoint
  • Understand techniques to test and maintain your responsive code on different devices
  • Format headers, footers, and column layouts in a way that will adapt to different browser sizes
  • Target specific viewports to present an optimized view of your website for a given device

Authors

Table of Contents

Building Our First Responsive Page

Video Details

ISBN 139781782165705
Course Length2 hours and 04 minutes
Read More

Read More Reviews

Recommended for You

Practical DevOps Security [Video] Book Cover
Practical DevOps Security [Video]
$ 124.99
$ 5.00
Introduction to HTML: A Complete Beginner to Expert Course [Video] Book Cover
Introduction to HTML: A Complete Beginner to Expert Course [Video]
$ 90.99
$ 5.00
An Introduction to CSS - A Complete Beginner to Expert Course [Video] Book Cover
An Introduction to CSS - A Complete Beginner to Expert Course [Video]
$ 89.99
$ 5.00
Python Deep Learning - Second Edition Book Cover
Python Deep Learning - Second Edition
$ 31.99
$ 5.00
Google Apps Script - A Project-Based Exercise Using Spreadsheets and Web Apps [Video] Book Cover
Google Apps Script - A Project-Based Exercise Using Spreadsheets and Web Apps [Video]
$ 182.99
$ 5.00
JSON JavaScript - A Quick Course JSON for Beginners [Video] Book Cover
JSON JavaScript - A Quick Course JSON for Beginners [Video]
$ 91.99
$ 5.00