Its not the size of the screen, it how resposive the code

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/