1. Responsive Web Design
Its not the size of the screen, its how responsive the code!

3. The world is changing.....
Information

4. We no longer design for the web,
We now design for _____ ?

5. Response Web Design
What do we
do now!
R. Degler
Amigos Webinar
2-8-13

6. Inspiration

7. Luke Wroblewski
http://forrst.com/people/icoach/posts

8. Jeffery Zeldman
There’s a general agreement that the “mobile”
user is not to be trifled with; give them the
content they want as quickly as possible
‘cause they’re in a hurry. But the corollary
does not hold true. Why do we think
that the “desktop” user is
more willing to put up with
having unnecessary crap
thrown at them?
http://www.zeldman.com/2011/04/27/adactio-journal%E2%80%94content-first/

9. Ethan Marcotte

10. Frameworks

11. foundation.zurb.com

13. Rows and Columns

14. Rows and Columns
twelve columns
eight columns four columns

15. How is
it done?

16. View code examples:
http://atyourlibrary.com

17. Responsive Design makes it easier not easy!

18. Tools/Resources
• Foundation- http://foundation.zurb.com
• More Responsive Design Frameworks
• http://designshack.net/articles/css/which-is-right-for-me-22-responsive-
css-frameworks-and-boilerplates-explained/

19. Image/Content Credits
• Images- http://sxc.hu
• Images- http://abookapart.com
• Images- http://www.oup.com
• Images- http://commons.wikimedia.org

20. Helpful Links
• Site testing- http://responsive.is
• Great examples- http://mediaqueri.es/