Learning Responsive Web Design: A Beginner's Guide

by Clarissa Peterson

Overview

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

Product Details

ISBN-13:	9781449362942
Publisher:	O'Reilly Media, Incorporated
Publication date:	07/03/2014
Pages:	416
Product dimensions:	6.00(w) x 8.90(h) x 0.60(d)

About the Author

Clarissa Peterson is a UX designer and web developer, and co-founder of Peterson/Kandy, a Montreal-based digital consultancy specializing in creating responsive websites.

She frequently speaks and gives workshops on responsive design, mobile strategy, and user experience.

Table of Contents

• Preface
• Foundations of Responsive Design
  • Chapter 1: What Is Responsive Design?
  • Chapter 2: Responsive Content
• Creating Responsive Websites
  • Chapter 3: HTML for Responsive Sites
  • Chapter 4: CSS for Responsive Sites
  • Chapter 5: Media Queries
  • Chapter 6: Images
• Working Responsively
  • Chapter 7: Responsive Workflow
  • Chapter 8: Mobile and Beyond
• Designing Responsive Websites
  • Chapter 9: Typography
  • Chapter 10: Navigation and Header Layout
  • Chapter 11: Performance