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/