This document discusses responsive web design and provides tips for designing adaptively across devices. It recommends simplifying designs, creating live wireframes, designing a visual language, and sweating the details. It also suggests testing designs across devices and lists some design pattern resources. The goal is to create designs that adapt to different screen sizes and capabilities through a responsive approach.

1. Designing for the
Responsive Web

2. RESPONSIVE DESIGN:
“A design that adapts to the size
and capability of the device your
content is being view on.”

7. 1. Simplify

10. Progressive enhancement

12. 1. Simplify
2. Create live wireframes

16. DESIGN PATTERNS:
mobile-patterns.com
ui-patterns.com

17. 3. Design a visual language

22. 4. Sweat the details

26. Device Testing

27. Success!

29. Thank You!
Sam Otis | @sam_otis | sam@blendinteractive.com