Project 1 / SIX ANIMATED COMPONENTS

There are 3 links above.
The first link includes 3 exercises. The first one I played with D3, and the second one is soundmanager. The last one is css.
The second one is I create a progress bar on the left with scrollr and css.
In the third link, I created a progress bar on the left with scrollr and simple css.

http://portfolio.dlliyue.com/project_1/1/project%021_part%021.html
http://portfolio.dlliyue.com/project_1/2/appdesign.html
http://portfolio.dlliyue.com/project_1/3/wave.html
(works better in firefox)

Project 2 / FLOATING IMAGES

This exercise I played with js to create a library of floating images and set a current date on top left.

http://portfolio.dlliyue.com/interactive%202/project%202/floating%20pictures.html

Project 3 / INDIVIDUAL WEBSITE

This exercise I played with js to create a library of floating images and set a current date on top left.

http://portfolio.dlliyue.com/interactive%202/project%202/floating%20pictures.html

Final Project / GEEK

This is a parallax scrolling website introducing the definition of geek. The idea is to show different definitions of geek through history by keeping changing the backgrounds. I try to emphasis the present definition, so I use an animation to make it stand out. After introducing all the definitions through history, I try to make a conclusion. I played with Textillate and Tweenmax to make the text wobble and scale up.

http://portfolio.dlliyue.com/geek.html
(works better in firefox)