20 Flash-like jQuery Plugins

Sam Deering
20 Flash-like jQuery Plugins to help you give Flash a horrible death! Impressive flash-like JavaScript Animation Inspirations, tutorials and plugins. jQuery and mootools, a lot other frameworks that designed to enhance the animation abilities have emerged. Now, we can use create impressive javascript animation easily and your visitors just wouldn’t able to tell the differences. I hope you will get something new from this post. Enjoy!

1. jParallax Plugin

jParallax, turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions.
jParallax-Plugin-.jpg
Source

2. FxQueues Plugin

This plugin was based on a script John Resig sometime ago. Scope stuff, new example page and some unit tests has been added. Needs improvement, but is a good start.
FxQueues-Plugin-.jpg
Source


3. jsAnim – Free JavaScript Animation Library

Powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility.
jsAnim-Free-JavaScript-Animation-Library-.jpg
Source


4. $fx

A compact, lightweight Javascript Library for animation. CSS properties adjustment along a time line. Parallel effect sets and effect chains. Extended set of callbacks to adjust behavior.
fx.jpg
Source


5. GX

Full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property.
GX.jpg
Source


6. Glimmer

jQuery’s support for animations is amazing. Glimmer makes it easy to create standards-based, custom animations that can work directly with your existing HTML and CSS.
glimmer.jpg
Source


7. Magic

A simple JavaScript framework.
Magic.jpg
Source


8. Simulate Gravity with jQuery

Visual effects on web pages are becoming more and more effective thanks to framework like jQuery. The idea of being able to adjust the look of a page with a click or a button gives the user a bit of extra interaction.
Simulate-Gravity-with-jQuery-.jpg
Source


9. Building an Animated Cartoon Tobot

Useful as a miniature ship in a bottle. Yet it does have an underlying purpose. It could inspire someone to look beyond the perceived constraints of web designers and developers.
Building-an-Animated-Cartoon-Tobot-.jpg
Source


10. Flashy Intro with jQuery Animation

Before, almost every website has a Flash intro or header that makes you wait in… forever. Now more and more people are using jQuery’s animation function to make their sites interesting.
Flashy-Intro-with-jQuery-Animation-.jpg
Source


11. How to Make an Impressive Animated Landscape Header with jQuery

In this tutorial we’ll start with a cartoon themed header, build two different states for content and animate a transition between them using jQuery.
How-to-Make-an-Impressive-Animated-Landscape-Header-with-jQuery-.jpg
Source


12. Animated Sharing Bar With jQuery & CSS

Fed with the old share buttons and its performance and appearance? This tutorial is the one you wouldn’t want to miss.
Animated-Sharing-Bar-With-jQuery-CSS-.jpg
Source


13. jQuery Tutorials for Designers

Contains 10 visual tutorials intended for web designers and newbie on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a “write less, do more” JavaScript library.
jQuery-Tutorials-for-Designers-.jpg
Source


14. LavaLamp for jQuery lovers!

Flash menu bar to attract your visitors is not enough when talking about flash players. Try this tutorial that make some navigational bar animation when you rolls your mouse over the menu.
LavaLamp-for-jQuery-lovers-.jpg
Source


15. jQuery Hover Sub Tag Cloud

Old wordpress plugins that shows the tag clouds of your articles so boring nowadays. It’s time for you to make your own tag cloud. Try this tutorial.
jQuery-Hover-Sub-Tag-Cloud-.jpg
Source


16. How to Load In and Animate Content with jQuery

In this tutorial you will learn how to make your average everyday Website and enhancing it with jQuery. Learn adding Ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page.
How-to-Load-In-and-Animate-Content-with-jQuery-.jpg
Source


17. Adding to Our Leopard Desktop with jQuery

Learn Leopard Desktop without showing it to your webpage. Try this tutorial and make your visitors to feel something different when they visit your webpage.
Adding-to-Our-Leopard-Desktop-with-jQuery-.jpg
Source


18. liScroll (a jQuery News Ticker made easy)

Just Look at this simple tutorial for making a simple scroll bar for your Webpage. Since it’s a simple tutorial, you can definitely learn the basic things of jQuery.
liScroll-a-jQuery-News-Ticker-made-easy-.jpg
Source


19. Sliding menu using jQuery

Bored with plain menu bar? Then you should take a look at this tutorial. This will help you to create a Sliding menu bar using our jQuery.
Sliding-menu-using-jQuery.jpg
Source


20. Sexy Drop Down Menu w/ jQuery & CSS

If you want to get your visitor interested in your webpage make some attractions. Make a navigation menu that is organized and well-structured.
Sexy-Drop-Down-Menu-with-jQuery-CSS-.jpg
Source

Win an Annual Membership to Learnable,

SitePoint's Learning Platform

  • http://visiteja.com.br Portal de Imóveis

    Nice list!

    Congratulations! I’ll study this to use on my site.

  • Aaron Getting

    I need to find a quick solution for a really nice animated slideshow like front page on a website. Here is an example of what I need to emulate.
    theracha dot com

    If you can tell me what I need to use, then I would be indebted to you forever and you will receive mountains of good karma. I mean that.