![Page 1: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/1.jpg)
Responsive Web DesignIts not the size of the screen, its how responsive the code!
![Page 2: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/2.jpg)
![Page 3: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/3.jpg)
The world is changing.....Information
![Page 4: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/4.jpg)
We no longer design for the web,
We now design for _____ ?
![Page 5: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/5.jpg)
Response Web Design
R. DeglerAmigos Webinar2-8-13
What do wedo now!
![Page 6: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/6.jpg)
Inspiration
![Page 7: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/7.jpg)
Luke Wroblewski
http://forrst.com/people/icoach/posts
![Page 8: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/8.jpg)
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
![Page 9: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/9.jpg)
Ethan Marcotte
![Page 10: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/10.jpg)
Frameworks
![Page 11: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/11.jpg)
foundation.zurb.com
![Page 12: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/12.jpg)
![Page 13: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/13.jpg)
Rows and Columns
![Page 14: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/14.jpg)
Rows and Columnstwelve columns
eight columns four columns
![Page 15: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/15.jpg)
How is it done?
![Page 17: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/17.jpg)
Responsive Design makes it easier not easy!
![Page 18: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/18.jpg)
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/
![Page 19: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/19.jpg)
Image/Content Credits
• Images- http://sxc.hu
• Images- http://abookapart.com
• Images- http://www.oup.com
• Images- http://commons.wikimedia.org
![Page 20: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/20.jpg)
Helpful Links
• Site testing- http://responsive.is
• Great examples- http://mediaqueri.es/
![Page 21: Its not the size of the screen, it how resposive the code](https://reader033.vdocument.in/reader033/viewer/2022042718/568bdcfb1a28ab2034b42ea4/html5/thumbnails/21.jpg)