Responsive Web DesignIts 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

R. DeglerAmigos Webinar2-8-13

What do wedo now!

Inspiration

Luke Wroblewski

http://forrst.com/people/icoach/posts

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/

Jeffery Zeldman

Ethan Marcotte

Frameworks

foundation.zurb.com

Rows and Columns

Rows and Columnstwelve 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/