Home > Store

Learning Responsive Web Design LiveLessons (Video Training)

Learning Responsive Web Design LiveLessons (Video Training)

Your browser doesn't support playback of this video. Please download the file to view it.

Online Video

Register your product to gain access to bonus material or receive a coupon.


  • Copyright 2017
  • Edition: 1st
  • Online Video
  • ISBN-10: 0-13-419371-7
  • ISBN-13: 978-0-13-419371-7

Learning Responsive Web Design LiveLessons

4+ Hours of Video Instruction

A quick, easy-to-understand video course for beginners on the fundamentals of responsive web design


Learning Responsive Web Design LiveLessons provides web designers and developers with a practical introduction to responsive web design, which  is used to create websites that work across many different types of devices–from small screen cell phones to large- and multi-screen monitors.

Jennifer Kyrnin is a working web designer and has been teaching and writing about web design, HTML, and web development since 1995. She is a freelance web designer and author, writing regularly for several websites on the Internet. She also teaches and writes about web design, HTML, CSS, JavaScript, PHP, Bootstrap, and XML and is the author of five books related to the Internet and web design.

Skill Level
  • Beginner
  • Intermediate
You Will Learn How To:
  • Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript
  • Use progressive enhancement to consistently provide the right content while making the most of each device and browser
  • Establish breakpoints and write CSS media queries to respond appropriately to each user agent
  • Choose the right layout and wireframing approach for your site
  • Use web fonts to control typography and choose sizes that look good on any device
  • Master three ways to make tables responsive
  • Build responsive forms using the latest HTML5 tags and attributes
  • Implement responsive navigation patterns that users understand intuitively
  • Test for responsiveness and performance
  • Use Responsive Design + Server Side Components (RESS) to optimize performance
Who Should Take This Course
  • Web designers and developers who want to quickly get up to speed with the fundamentals of responsive web design
Course Requirements
  • Basic understanding of HTML and CSS

New Player Enables Streaming and Download Access

Now you can stream and download videos for unlimited 24/7 online/offline access and ownership.

  • Streaming – Watch instantly as the video streams online in real time; after purchase, simply click Watch Now to get started.
  • Download – Download video files for offline viewing anytime, anywhere; after purchase, simply click the Download icon within the player and follow the prompts.

Table of Contents

Lesson 1: Introducing Responsive Web Design (RWD)1.1 Learn What Responsive Web Design Is1.2 Learn the History of Responsive Web Design or RWD1.3 Understand the Alternatives to RWD1.4 Why RWD is the Best Choice for Modern Web Development1.5 Understand How RWD Helps Design for Different Situations
Lesson 2: HTML, CSS, and JavaScript for RWD 2.1 Understand the Basics of HTML2.2 Review JavaScript Basics2.3 Get Started with Cascading Style Sheets
Lesson 3: CSS Media Queries 3.1 Get Started With Media Queries 3.2 How to Write Media Query Expressions
Lesson 4: Breakpoints 4.1 Understand BreakPoints4.2 How to Define Breakpoints4.3 Optimal Breakpoints4.4 My Favorite Breakpoints
Lesson 5: Creating Responsive Layouts 5.1 Understand Responsive Web Layouts5.2 Types of Layouts5.3 Using Columns in Responsive Layouts5.4 Using Tables for Web Layouts—Pros and Cons 
Lesson 6: Responsive Navigation6.1 The Importance of Responsive Navigation6.2 How to Make Mobile-Friendly Navigation6.3 Pros and Cons of Standard RWD Navigation Patterns
Lesson 7: Responsive Images7.1 How to Make Images Responsive7.2 Keep the Download Speeds Fast7.3 Use Retina-Ready Images
Lesson 8: Responsive Video 8.1 How to Make Video Responsive8.2 Make YouTube Videos Responsive8.3 Make a Video Background
Lesson 9: Responsive Web Tables9.1 Problems With Tables on Small Devices9.2 How to Make Tables Responsive9.3 Layout Tables Are Valid
Lesson 10: Responsive Web Forms 10.1 Use Modern HTML10.2 Make Web Forms Usable10.3 Build a Responsive Form
Lesson 11: Testing RWD Sites 11.1 Test in Your Favorite Browser, but Don't Stop There11.2 How to Use Google Developer Tools for Testing11.3 Use Devices, if You Can11.4 How to Test When You Don't Have the Devices
Lesson 12: Best Practices for RWD 12.1 Make the Best Site You Can for the Most People12.2 Avoid the Common RWD Problems and Pitfalls

About LiveLessons

LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include: IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more.  View all LiveLessons on InformIT at http://www.informit.com/imprint/series_detail.aspx?ser=2185116


Submit Errata

More Information

Unlimited one-month access with your purchase
Free Safari Membership