KEMBAR78
Responsive code | PDF
Responsive Web Design
Its not the size of the screen, its how responsive the code!
The world is changing.....
Information
We no longer design for the web,
     We now design for _____ ?
Response Web Design

   What do we
    do now!

   R. Degler
   Amigos Webinar
   2-8-13
Inspiration
Luke Wroblewski




      http://forrst.com/people/icoach/posts
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/
Ethan Marcotte
Frameworks
foundation.zurb.com
Rows and Columns
Rows and Columns
        twelve columns




   eight columns         four columns
How is
 it done?
View code examples:
  http://atyourlibrary.com
Responsive Design makes it easier not easy!
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/
Image/Content Credits

• Images- http://sxc.hu
• Images- http://abookapart.com
• Images- http://www.oup.com
• Images- http://commons.wikimedia.org
Helpful Links


• Site testing- http://responsive.is
• Great examples- http://mediaqueri.es/
Responsive code

Responsive code