IML 400 Fall 2012

Assignment 3: Javascript and JQuery

Individual assignment.

Redo the same illustrated story (it is ok to change it if you want) using simple animated interface effects and transitions. Sketch out your design on paper.

Assignment Due Date

Web page: Monday, October 8th, 6:00pm.

Please post a link to your page in the corresponding assignment space in the class google group.

Resources

Javascript History
JQuery
JQuery UI

Sample Code (more to come)

A sortable grid - based on this demo
An accordion template - based on this demo
An fading slideshow template - based on this demo
A swiping slideshow template - based on the previous template and this demo

Readings

Vannevar Bush: As we may think
Tim Berners Lee et al: The world-wide web
Ordering Disorder - An introduction to Grid Systems in Graphic Design

Choose one text from the list and write a simple webpage with some thoughts about your reading.

Reading Due Date

Web page: Tuesday, October 9th.

Links (Optional)

Apple OS X Human Interface Guidelines - UI/UX Design
Iutopi - Parallax effect example
Jess and Russ - Parallax effect example
Bloom.io - Parallax effect example
About Me - Effects: Directed Scrolling Example
oGFx - Effects: Integrated Fade and Accordion Example
Widget Customizer - Effects: Slidebar Example