Helpful Examples

Bookmark this page! Click on the icon to view a sample page. I suggest you upload a version of your project at each of these steps so you can view it on the class server and test it on multiple…

Class 13 Notes

  Topics PhoneGap jQuery Mobile xCode Releasing and marketing Apps In-class labtime Final Project Schedule November 29 – Complete re-design, responsive navigation & jQuery plugin Note: Be sure to build your prototype in stages and to keep earlier versions. (See…

Class 12 Notes

  Topics Review Final Project Media Queries (Demo) Flexible Navigation jQuery plug-ins In-Class Lab time Extra Credit Question Fabian Geyrhalter and Chris Do talked a lot about the concept of “brand.” They suggested that, while you are a student you need…

Class 11 Notes

  Topics Cool Careers Speaker Forum Media Queries Homework for next week Cool Careers Speaker Forum Our class will be meeting in AET 235 for this special presentation Thursday, November 8, 2012 6:45pm – 9:00pm in AET 235 – Students…

Class 10 Notes

  Topics Grades posted Cool Careers: November 8 at 6:30pm-9:00pm Finish Midterm Project Presentations Questions for Luke W. via Skype Media Queries Grades Posted Assignment 1- Chapter Questions Assignment 2 – Yelp & Zillow Questions. Analyze 3 mobile websites Assignment 3 – Mockup of…

Class 09 Notes

  Topics Midterm Project Due Questions for Luke W. If you haven’t already done so, be sure to post a question for Luke before the end of class today: http://classes.jamiecavanaugh.com/grdes75/questions-for-luke/ Our class will be held in AET 235 to meet with…

Class 08 Notes

  Topics Midterm Project Questions for Luke W. PLEASE BRING ALL YOUR WORK WITH YOU TO CLASS. Today’s class objectives are to: Help you with your midterm project. Be sure to post a question for Luke before the end of…

Class 07 Notes

  Topics Actions & Inputs Interaction Design Patterns Interaction Best Practices Usability and Accessibility Today’s class objectives are to gain a better understanding of: How is IA (Information Architecture) different for mobile design? What do you need to consider when designing for…

Class 06 Notes

  Topics Flexible Images & Media Capabilities Organization Content Strategy Information Architecture: Communication Brief, Site maps, Wireframes Today’s class objectives are to gain a better understanding of: How do you make images and media flexible? What are the capabilities to…

Class 05 Notes

Topics Midterm Project Assignment Concept & Strategy Assignment 03 Grid Critiques Flexible Margins + Padding Capabilities Designing Mobile First Today’s class objectives are to gain a better understanding of: What are the specifications for the midterm project? What do you…

Class 04 Notes

Topics HTML5 & CSS3 Flexible Grid Demo Review: Grid Assignment 3 Assignment 4 Today’s class objectives are to gain a better understanding of: How is HTML 5 different than HTML4? What is the basic structure of HTML5? How do you…

Class 03 Notes

  Topics Today’s class objectives are to gain a better understanding of: What is Responsive Design? Check this out! http://www.thismanslife.co.uk/projects/lab/responsiveillustration/   What makes a design responsive? Three ingredients: flexible grids, flexible images/media, and media queries. Responsive Web Design Testing Tool…

Class 02 Notes

  Topics Discussion from Reading Why is the mobile device market growing? What is a “feature” phone? What is a “smartphone?” Explain their differences. What are the differences in usage between smartphone and feature phone users? Why do desktop versions…

Class 01 Notes

  Topics Textbook – Mobile First  Anatomy of a Responsive Mobile Website Learn about data visualization software.   Mobile Web Design Refers to www.google.com/mobileads but is still an interesting video.