Learning Responsive Web Design

Clarissa Peterson is a freelance web/UX designer and front-end developer. Some of the things that she does: responsive design, mobile strategy, user experience analysis, content strategy, and talking about all of the above. Her background includes 10+ years experience in user experience design, web content strategy, project management, front-end development, and online marketing. Some of her previous gigs have included the Library of Congress, AARP, Fannie Mae, and the Leadership Conference on Civil & Human Rights. She has also worked for Ralph Nader.

Foundations of Responsive Design
Chapter 1 What Is Responsive Design?
Just the Basics
A Short History
Why Responsive Design
Summary
Chapter 2 Responsive Content
Content Strategy
Managing Content
Developing Content
Content Parity
Content Governance
Adaptive Content
Summary
Creating Responsive Websites
Chapter 3 HTML for Responsive Sites
Working with HTML
Basic Page Structure
Viewport
Structural Elements
Creating a Page
Clean and Semantic HTML
Summary
Chapter 4 CSS for Responsive Sites
How CSS Works
Versions of CSS
Where CSS Goes
The Cascade
Using the Cascade
Comments
Organizing Your Stylesheet
The Box Model
display
Positioning
float and clear
Basic Styles
Summary
Chapter 5 Media Queries
What’s a Media Query?
Media Query Structure
Using Media Queries in Stylesheet Links
Other Ways to Use Media Queries
What We Can Query
Browser Support
Breakpoints
Design Ranges
Designing Responsively
Using Media Queries
Two-Column Layout
Setting a Maximum Width
How to Choose Breakpoints
Summary
Chapter 6 Images
Ways to Display Images
Alt Text
Image File Formats
Optimizing Images
Content Images
Background Images
Responsive Images
Summary
Working Responsively
Chapter 7 Responsive Workflow
Strategy and Planning
Content Before Layout
Thinking About Layout
Prototypes
Visual Design
Responsive Design Tools
Selling Responsive Design
Working with Clients
Summary
Chapter 8 Mobile and Beyond
User Experience
Device-Agnostic Design
Focusing on Mobile First
Do What You Can
Types of Devices
Touch
Screen Size
Accessibility (Universal Design)
Deciding Which Devices to Support
Why Use Real Devices for Testing
Testing
Summary
Designing Responsive Websites
Chapter 9 Typography
Start with HTML
Typefaces
Using Fonts
Sizing Text
Line Length
Whitespace
Margins and Padding
Changing Typeface for Screen Size
Summary
Chapter 10 Navigation and Header Layout
Responsive Navigation
Branding
Navigation Links
Navigation Patterns
Header
Summary
Chapter 11 Performance
Why Performance Matters
Performance as Design
How Web Pages Are Loaded and Rendered
Measuring Performance
Cleaning Up Your Code
Minimizing HTTP Requests
Server Stuff
JavaScript
CSS
Hosting
Conditionally Loading Content
Reflows and Repaints
RESS
Summary