You know you want to…

Now that you’ve been introduced to the tools and methods available to make quick and painless animations, let’s build on it and take it one step further.

There is a jQuery plugin called parallax which gives layered elements a movement effect similar to one you would have when you look out of your car window while driving. The closer something is to you, the faster it moves. While I didn’t use parallax for this next demo, it is an awesome plugin and is what this is based on.

Continue reading →

Myself and Dave have opened the doors at Vertigo Project.

All projects that I will be a part of in the future will be branded under this new development group. You can expect some exciting things in the future and in the mean time you can see what we already do.

I came across an article on snook.ca showing how jQuery can be used to animate background images for flash like results. This is just the start of what I think is possible with one of the most (if not the most) powerful javascript library available.

Here’s a demo I’ve put together taking the animation aspect a step further.

It’s a simple concept - a car driving along the road. I’ve done this two ways, with either the car or the road moving. The car and the road are seperate images that are manipulated to give the illusion of motion. This is simply done by changing their position on the page using the jQuery Animate effect.

Continue reading →