SHARE
TWEET

Notes about Responsive Design at NYU Poly

a guest Jul 31st, 2012 73 Never
  1. Mobile Design General Notes
  2.  
  3. Studies show mobile users are not afraid to scroll, they usually expect to find content below the fold
  4. Larger screens coming (Wall St. Journal envisions 5 columns in layouts)
  5. Design layouts using modules of content or "style tiles"
  6. Optimize design for 3", 10" and "monitor" sizes
  7.  
  8.  
  9. Deployment Tools
  10.  
  11. yeoman.io - a dev stack for rapidly deploying webapps (automatically installing JS libraries is cool)
  12. sencha - looks like Dreamweaver for mobile apps
  13. SASS - organize and program CSS rules
  14. Bootstrap.js - CSS framework
  15.  
  16.  
  17. Screen Visualization Tools
  18.  
  19. http://www.responsinator.com
  20. http://responsive.is
  21. http://www.perfectomobile.com/ - pay for testing on real phones
  22.  
  23.  
  24. Example Websites
  25.  
  26. http://mediaqueri.es/
  27. http://bostonglobe.com/
  28. http://sasquatchfestival.com/
  29. http://greygoose.com/
  30. http://safetyathome.com/
RAW Paste Data
Top