Want more features on Pastebin? Sign Up, it's FREE!
Guest

Notes about Responsive Design at NYU Poly

By: a guest on Jul 31st, 2012  |  syntax: None  |  size: 0.84 KB  |  views: 73  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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/
clone this paste RAW Paste Data