Responsive Web Design

Fit the User's needs

• Screen size
• Bandwidth
• Pixel Density
• Battery Life
• Distance From Screen

Components

• Media Queries
• Responsive Media
• Flexible Grid

Concepts

• Progressive Enhancement
• 
  "Mobile First"

Other Approaches

• Device Experience
• RESS

Solutions

• Abstract Design Planning
• Prototyping
• Components
• "Mobile First"
• "Design, Resize Until It Breaks, Design"
• Rapid and Iterative

Resources

• Where to Start
• Notes to an Agency Starting Their First Responsive Web Project
• Mobile First
• An Event Apart: Responsive Design Workflow
• Style Tiles

Solutions

• Simplify design
• Optimize codebase
• Appropriate assets

Solutions

• Pattern libraries
• Modular components
• Appropriate patterns
• Communicate possibilities

Resources

• Responsive Navigation Patterns
• Non Hover
• Responsive Patterns
• Making Advertising Work in a Responsive World
• Responsive Advertising
• People Magazine's Responsive Mobile Website
• Responsive Ad Demos

Solutions

• Simplify content
• Content outside context
• Content rewrite as a part of the process
• Involve content creators

Resources

• Adaptable content
• People Magazine's Responsive Mobile Website

Solutions

• Keep up-to-date
• Be confident
• Embrace it
• Dedicate time for research
• Share

Resources

• How to keep up to date on front-end technologies