JQuery Animation Showcase

Following on with the JQuery theme,  I’d like to take this opportunity to showcase, some excellent examples of JQuery within Website Design.  Now any body who has come across, or indeed used, snippets of JQuery before will be more than aware of it’s most common uses, such content sliders, galleries, form validation, content section to name a few.

I will be not only bringing you great examples of these common uses, but how a little imagination can really enhance your website design.

1. Website Curtain Call

This is a very clever bit of JQuery that uses basic animation modules to reduce the size of the divs. The clever part is that the background of these DIV condenses to give the illusion if the curtains being pulled back.

http://buildinternet.com/live/curtains/

2. Robotic Website Design

As well as it’s many user experience design features, JQuery is also building a reputation for slick, seamless animation, previously only achievable by using Flash. This next example is a cracking example of what I mean.

http://robot.anthonycalzadilla.com/

3. The Gravitational Pull of Design

This superb JQuery showcase, simulates the pull of gravity. I’m sure it’s quite possible to feature some great uses for this one.

http://themeforest.s3.amazonaws.com/74_jquery/jquerygravitysource/index.html

4. Unveil Your Content

A common use of the might JQ is to show and hide content, without losing the SEO power. So with this in mind, you can apply this to your website design with a little more flair.

http://buildinternet.com/live/landscape-header/landscape-header.htm

5. Subtle is the Secret!

For the last an final example of this showcase, and in my opinion the Pièce de résistance, this very subtle effect which has caused much attention, if you follow this link, you’ll also get their very own text on how they’ve applied this within their Website Design

http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained