Notes about Responsive Design at NYU Poly

Mobile Design General Notes

Studies show mobile users are not afraid to scroll, they usually expect to find content below the fold
Larger screens coming (Wall St. Journal envisions 5 columns in layouts)
Design layouts using modules of content or "style tiles"
Optimize design for 3", 10" and "monitor" sizes


Deployment Tools

yeoman.io - a dev stack for rapidly deploying webapps (automatically installing JS libraries is cool)
sencha - looks like Dreamweaver for mobile apps
SASS - organize and program CSS rules
Bootstrap.js - CSS framework


Screen Visualization Tools

http://www.responsinator.com
http://responsive.is
http://www.perfectomobile.com/ - pay for testing on real phones


Example Websites

http://mediaqueri.es/
http://bostonglobe.com/
http://sasquatchfestival.com/
http://greygoose.com/
http://safetyathome.com/