Learning Responsive Web Design
A Beginner's Guide
Publisher: O'Reilly Media
Final Release Date: June 2014
Pages: 412

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.

Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.

  • Start with content strategy before creating a visual design
  • Learn why your default design should be for the narrowest screens
  • Explore the HTML elements and CSS properties essential for responsive web design
  • Use media queries to display different CSS styles based on a device’s viewport width
  • Handle elements such as images, typography, and navigation
  • Use performance optimization techniques to make your site lighter and faster
Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyLearning Responsive Web Design
 
3.3

(based on 4 reviews)

Ratings Distribution

  • 5 Stars

     

    (0)

  • 4 Stars

     

    (2)

  • 3 Stars

     

    (1)

  • 2 Stars

     

    (1)

  • 1 Stars

     

    (0)

75%

of respondents would recommend this to a friend.

Pros

  • Easy to understand (3)
  • Helpful examples (3)

Cons

    Best Uses

      Reviewed by 4 customers

      Sort by

      Displaying reviews 1-4

      Back to top

       
      3.0

      Ok for getting started

      By FirewoodTim

      from Ambler, PA

      Verified Reviewer

      Comments about oreilly Learning Responsive Web Design:

      I have just started learning the ins and outs of responsive design, so Ms. Peterson's book is for me a valuable resource. It basically steers the reader in the direction of the most important areas for future learning. For that purpose I would recommend the book for anyone in a similar, beginner's position.

      I do, however, think there are some missing features that would be useful, most importantly those that help the reader through the coding examples. These would be most logically included on the O'Reilly website devoted to the book. Specifically, it would be most helpful if the reference links and RWD code were available on the site. I have found numerous websites on the web which address RWD from multiple perspectives, and those that I found most helpful were strong on links and examples that could be easily accessed by the reader.

      Finally, there is nothing better, in my opinion, for learning web programming than examples provided on testing venues such as codepen.io. The ability to actually test and modify code on the fly is invaluable for learning. The book and the site need to function together to create a unified, more well-rounded and fully educational resource for the reader.

      (7 of 9 customers found this review helpful)

       
      4.0

      Superb intro to the topic

      By Corrie

      from Nova Scotia, Canada

      About Me Designer, Developer, Educator, Maker, Sys Admin

      Verified Reviewer

      Pros

      • Easy to understand
      • Helpful examples
      • Well-written

      Cons

        Best Uses

        • Do-it-yourself Geeks
        • Intermediate
        • Novice
        • Student

        Comments about oreilly Learning Responsive Web Design:

        I have been designing and hand-coding responsive websites for a few years now, entirely self-taught. (I am also a perfectionist.) I have gone through a fair number of books on web design, user interface design and the arcana of HTML/CSS. Even though I am not a rank beginner at this, I am only part of the way through this book and have already found many excellent bits of knowledge to incorporate into my arsenal. The author always includes the "why" with the "here is the way to do this", which allows me to think further and more creatively about content display and general design issues. It enables me to think in an informed way about whether I agree with her recommendations for dealing with certain issues, or whether my approach may be superior in my specific cases.

        The in-text links are also well chosen and a valuable resource in their own right.

        Since this is a pre-release version of the book, there are still some rough spots in the text that need editing, and includes that are not yet included.

        (4 of 7 customers found this review helpful)

         
        4.0

        Great to use and to convince others

        By Ausomed

        from Melbourne, Australia

        About Me Designer

        Verified Reviewer

        Pros

        • Easy to understand
        • Helpful examples

        Cons

          Best Uses

          • Intermediate

          Comments about oreilly Learning Responsive Web Design:

          The book I read is 'pre-release' and as yet has many illustrations missing however this did not detract from its many uses.
          I found it invaluable in assisting me to explain the value of responsive design to others in the organisation.
          Delving further into the book continued with clear explanations of HTML5 and how to get the most from it. CSS and JavaScript were covered in sufficient detail and accessibility concerns were highlighted.

          (5 of 18 customers found this review helpful)

           
          2.0

          Good Beginner's Summary, Bad Advice

          By Steve

          from Boulder, CO

          About Me Developer

          Verified Reviewer

          Pros

          • Easy to understand
          • Helpful examples
          • Well-written

          Cons

          • Bad Advice

          Best Uses

          • Novice

          Comments about oreilly Learning Responsive Web Design:

          Assuming little knowledge on the reader's part, the author skims the important points in developing a responsive web site. Starting with the basic building blocks, HTML and CSS, then continuing on to media queries, work-flow, design philosophies, typography, navigation design, and more, Peterson skims quickly over the subject matter, slowing when things get difficult (as in navigation design). The result is a quick, readable introduction to what you need to know if you're setting out to build a device-responsive web site, along with links to additional information and more thorough explanations.

          The book could be valuable to novice web developers, enabling them to include device responsiveness in their initial repertoire of skills, or to designers launching into flexible designs interested in learning the technical constrains they will be dealing with and need to understand. I appreciated the discussion of work-flow, and useful information even though I've build several device-responsive sites, so although it's mostly for beginners, others may find something of value.

          I'm put off, though, by the author's reluctance to use pixels as a measure of media query breakpoints. Insisting on using "em", a measurement relative to font size, rather than "px" to set breakpoints is bad advice, especially to novices.

          I read an early release ebook which was missing some illustrations and had some typos, but those will be filled-in and fixed-up prior to release, no doubt. The book was made available through O'Reilly's Reader Review Program.

          Displaying reviews 1-4

          Back to top

           
          Buy 2 Get 1 Free Free Shipping Guarantee
          Buying Options
          Immediate Access - Go Digital what's this?
          Ebook: $31.99
          Formats:  DAISY, ePub, Mobi, PDF
          Print & Ebook: $43.99
          Print: $39.99