Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive code


Published on

  • Be the first to comment

  • Be the first to like this

Responsive code

  1. 1. Responsive Web DesignIts not the size of the screen, its how responsive the code!
  2. 2. The world is changing.....Information
  3. 3. We no longer design for the web, We now design for _____ ?
  4. 4. Response Web Design What do we do now! R. Degler Amigos Webinar 2-8-13
  5. 5. Inspiration
  6. 6. Luke Wroblewski
  7. 7. Jeffery ZeldmanThere’s a general agreement that the “mobile”user is not to be trifled with; give them thecontent they want as quickly as possible‘cause they’re in a hurry. But the corollarydoes not hold true. Why do we thinkthat the “desktop” user ismore willing to put up withhaving unnecessary crapthrown at them?
  8. 8. Ethan Marcotte
  9. 9. Frameworks
  10. 10.
  11. 11. Rows and Columns
  12. 12. Rows and Columns twelve columns eight columns four columns
  13. 13. How is it done?
  14. 14. View code examples:
  15. 15. Responsive Design makes it easier not easy!
  16. 16. Tools/Resources• Foundation-• More Responsive Design Frameworks • css-frameworks-and-boilerplates-explained/
  17. 17. Image/Content Credits• Images-• Images-• Images-• Images-
  18. 18. Helpful Links• Site testing-• Great examples-