Home > Store > Web Development > HTML/CSS

Responsive Web Design in 24 Hours, Sams Teach Yourself (Learning Lab)

Responsive Web Design in 24 Hours, Sams Teach Yourself (Learning Lab)

Web Edition

  • Your Price: $39.99
  • List Price: $49.99
  • About this Web Edition
  • A Web Edition is an online learning product that you view in your web browser while connected to the Internet. Some Web Editions include additional interactive features, such as videos, quizzes, or live code editing. Read the product description for more details. A Web Edition will be accessible from your Account page after purchase.

    Viewing a Web Edition requires a web browser that fully supports HTML5. Supported platforms are:

    • Windows XP (Firefox only)
    • Windows 7, 8, or 10 (IE10, IE11, Chrome, or Firefox)
    • Mac OS X (Safari, Firefox, or Chrome)
    • Linux (Chrome or Firefox)
    • iOS 6, 7, or 8 (Mobile Safari)

Also available in other formats.

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


  • Copyright 2015
  • Edition: 1st
  • Web Edition
  • ISBN-10: 0-13-390298-6
  • ISBN-13: 978-0-13-390298-3

In just 24 lessons of one hour or less,¿Sams Teach Yourself Responsive Web Design in 24 Hours¿helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors. This book's straightforward, step-by-step approach shows how to use CSS, HTML5, and JavaScript to build the responsive sites today's users and clients want--and overcome every obstacle that stands in your way.¿

And with this exclusive online Learning Lab edition of the book you can:

  • Read the complete text of the book online — at your own pace, whenever you want
  • Watch an expert instructor show you how perform key tasks in more than 50 short, easy-to-follow videos
  • Test your understanding of the material after each lesson with a fully interactive online quiz

Three sample lessons are available for FREE online exactly as they appear in the full online Learning Lab — with complete video walkthroughs and interactive quizzes (HTML5 browser required). Try them out today!

In just a few hours, you'll be building layouts, sites, forms, and web apps that automatically adapt to virtually any device. Every lesson builds on what you've already learned, giving you a rock-solid foundation for real-world success.

This online tutorial’s straightforward, step-by-step approach shows you how to create effects, animations, lists, complex forms, and more. In just a few hours, you’ll be building great user interfaces for any device, even the newest smartphones and tablets.

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
  • Find and apply the most useful tools and editors
  • Use Responsive Design + Server Side Components (RESS) to optimize performance

About This Learning Lab: A Learning Lab is a self-paced online course that integrates text, graphics, video screencasts, and interactive quizzes into a complete tutorial. It is delivered online from a link that will be available on your InformIT Account page after purchase. Once purchased you can view the Learning Lab course in any web browser that supports HTML5, including the latest versions of Chrome, Firefox, Safari, and Internet Explorer. Supported platforms are:

  • Windows XP (Firefox only)
  • Windows 7 or 8 (Chrome or Firefox)
  • Mac OS X (Safari, Firefox, or Chrome)
  • Linux (Chrome or Firefox)
  • iOS 6 or iOS 7 (Mobile Safari)

Sample Content


Three sample lessons (Hours 1, 2, and 3) are available for viewing online, exactly as they appear in the full Learning Lab with complete video walkthroughs and interactive quizzes (HTML5 browser required). Just click on a link below.



Hour 1: What Is Responsive Web Design?

Hour 2: Alternatives to Responsive Web Design

Hour 3: The Growth of Mobile

Hour 4: Progressive Enhancement

Hour 5: HTML for Responsive Web Design

Hour 6: Basic CSS

Hour 7: Unobtrusive JavaScript


Hour 8: Planning a Responsive Website

Hour 9: Mobile First

Hour 10: CSS Media Queries

Hour 11: Breakpoints

Hour 12: Layout

Hour 13: Navigation

Hour 14: Responsive Fonts and Typography

Hour 15: Creating and Using Images in RWD

Hour 16: Videos and Other Media in RWD

Hour 17: Tables in Responsive Web Design

Hour 18: Responsive Web Forms

Hour 19: Testing Responsive Websites

Hour 20: Problems with Responsive Web Design


Hour 21: Tools for Creating Responsive Web Designs

Hour 22: Device and Feature Detection

Hour 23: Using RESS with RWD

Hour 24: RWD Best Practices


Submit Errata

More Information

Unlimited one-month access with your purchase
Free Safari Membership