Upload
roy-degler
View
608
Download
1
Embed Size (px)
DESCRIPTION
Citation preview
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/