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?
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/