Final Project – DUE TODAY

  CONGRATULATIONS! Work well-done! Remember you must attend our last class and present your final project in order to receive a grade for it. Final Project: Due Thursday, December 13 Next iteration of midterm project prototype Specifications: Make the visual…

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…

VIDEO 4: Responsive Slideshow

Responsive Slideshow Tutorial Three things involved when integrating a jQuery plug-in into a project: 1. HTML 2. CSS 3. Javascript Integrating Viljami Salminen’s Responsive Slides (slideshow) into a responsive web project: http://responsive-slides.viljamis.com/ Follow these steps: 1. Download zip file located on…

VIDEO 3: Responsive Navigation

Responsive Navigation Tutorial Three things involved when integrating a jQuery plug-in into a project: 1. HTML 2. CSS 3. Javascript Integrating Jason Weaver’s FlexNav into a responsive web project: http://jasonweaver.name/lab/flexiblenavigation/ Follow these steps: 1. Download zip file located on GitHub…

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…

Assignment 07

  Due: Thursday, November 8   1. “Rebrand” your design. Based on the specifications outlined on the final project page, change the name of the brand. Work on Incorporating more of your own visual assets. For this project, it’s fine to…

Questions for Luke

  Skype with Luke W. Thursday, November 1 at 7:30pm In preparation for our Skype conversation with Luke W post any questions you’d like to ask him in the comments section below. Final Questions for Luke Ty What core features…

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…

Responsive Design Website examples

http://www.smashingmagazine.com/ http://www.sony.com/ (Sisu Media) http://www.starbucks.com/ http://www.du.edu/ http://choiceresponse.com/ http://createdm.com/ http://css-tricks.com/ http://hiutdenim.co.uk/ http://www.lancs.ac.uk/ http://www.gosphero.com/ http://themeloom.com/

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…

Welcome to mobile where the only thing you can count on is change.

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…

Assignment 06

Due: Thursday, October 11   1. Continue working on your midterm project. After completing a competitive analysis for your midterm project website start working on the following: Write several paragraphs answering the questions below and post to your WP blog.…

Midterm Project

  Due: Thursday, October 25   Midterm Project Many major brands need your help. Many companies and institutions do not have a mobile presence. This is where you can help. For your midterm project you will create a mobile website…

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…

Assignment 05

  Due: Thursday, October 4   1. Choose your website for the midterm project and let me know. Post your choice to the comments section below. Start working on the competitive analysis by looking at competitive websites. Post the competitive…