National Film Board Interaction Projects

Check out the National Film Board of Canada's Interactive Experience Projects

http://www.nfb.ca/interactive

Week 16 Day 1 - Tuesday, April 30 - Homework

1. Continue coding development for final project. Keep in mind there are 7 days left in the semester before our final critique.

Final project due for class review on Tuesday, May 7, 8:00-10:00am (all process, design and web files due on USB drive)

2. Fill out course evaluations for ART370 by Sunday, May 5.
https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

Week 15 Day 2 - Thursday, April 25 - Homework

1. Continue coding development for final project. Keep in mind there is only 1 week left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for next Tuesday, April 30) and final critiques (Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.
https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

Week 15 Day 1 - Tuesday, April 23 - Homework

1. Continue coding development for final project. Keep in mind there are only 1 1/2 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for next Tuesday, April 30) and final critiques (during finals week, Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.

https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

CSS3 Transitions

CSS3 Transitions {via w3schools}
CSS selectors {via w3schools}
CSS3 Tranforms {via cssSandpaper}

Week 14 Day 2 - Thursday, April 18 - Homework

1. Continue coding development for final project. Keep in mind there are only 2 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for Tuesday, April 30) and final critiques (during finals week, Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.

https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I. 

3. Upload CSS Transitions Exercise to class website by end of today.

Week 13 Day 2 - Thursday, April 11- Homework

1. Begin coding development for final project. Keep in mind there are only 3 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for April 23 + 25) and final critiques (during finals week, May 7, 7:30-9:30am)

Be sure you are frequently viewing your web documents in multiple browsers (Safari, Firefox, Chrome, Internet Explorer) and operating systems (Mac vs PC). 

Some CSS3 properties are not compatible (especially IE 9 and below). Although your document will never appear 100% identical in each browser, be sure the viewer does not have a negative experience based on your CSS styles or use of Javascript.

  

{via CXPartners presentation at FOWD 2012}

CSS3 Resources

CSS3 Solutions for Internet Explorer {via Smashing Magazine}
CSS3 PIE (Progressive Internet Explorer (IE compatibly for drop shadow, gradient, border radius)
cssSandPaper (CSS3 Javascript Library) - cube transformations
Elliot Jay - Progressive Enhancement  (presentation that addresses the balance between usability and aesthetics, should web design be boring due to cross browser incompatibility)

Week 13 Day 1 - April 9 - Homework

1. Work on image and media prep and project coding for final project. Keep in mind there are only 3 1/2 weeks left in the semester. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for April 23 + 25) and final critiques (during finals week, May 7 7:30-9:30am)

I will be conducting a CSS3 demo next class

Week 12 Day 2 - Thursday, April 4 - Homework

1. Continue to work on Final Project Layout Design (due next Tuesday, April 9, 8:30am). All sections due for review as PDF.

Week 12 Day 1 - Tuesday, April 2- Homework

1. Continue to work on Final Project Layout Design (due next Tuesday, April 9, 8:30am). All sections due for review as PDF.

2. Upload Z-Index Exercise and Parallax Scroll Exercise (with new image, text and class name content) by start of next class, Wednesday, April 4.

Week 12 - Demo Resources

Parallax Scrolling with JQuery {via F6 Design}
Horizontal Verzion of Parallax Scrolling demo {via github}
Parallax Scrolling for Mobile Devices
Lettering.js  {JQuery plugin supports increased typographic control web}
Firebug {Firefox supported web development tool to view edit, debug, and monitor CSS, HTML, JavaScript}