Responsive code
- 1. Responsive Web Design Its not the size of the screen, its how responsive the code!
- 3. The world is changing..... Information
- 4. We no longer design for the web, We now design for _____ ?
- 5. Response Web Design What do we do now! R. Degler Amigos Webinar 2-8-13
- 6. Inspiration
- 7. Luke Wroblewski http://forrst.com/people/icoach/posts
- 8. Jeffery Zeldman 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/
- 10. Frameworks
- 13. Rows and Columns
- 14. Rows and Columns twelve columns eight columns four columns
- 15. How is it done?
- 16. View code examples: http://atyourlibrary.com
- 17. Responsive Design makes it easier not easy!
- 18. 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/
- 19. Image/Content Credits • Images- http://sxc.hu • Images- http://abookapart.com • Images- http://www.oup.com • Images- http://commons.wikimedia.org
- 20. Helpful Links • Site testing- http://responsive.is • Great examples- http://mediaqueri.es/