Doll up your website with great effects and widgets by using JQuery UI or Script.aculo.us. It is becoming easier and easier these days to impliment all sorts of effects to your site with just a few lines of code. One question many people have is which one of these interfaces reigns supreme over the other? The answer is not really that simple considering how many different flavors of designers, code monkeys, and developers there are today.
There has always been a huge argument over the file size when using any plugin… “In the left corner weighing in at 450.5KB is JQuery UI! In the right corner weighing in at 621KB is Scriptaculous!”. It does not seem like that big of a difference, I mean we are only talking about 17oKB difference between the two. If we were to minimize both of these files and enable file compression on our servers I doubt you could even notice a difference on a good 56KB modem connection. So what are the benefits of using one over another?
Round 1: Effects
Visual appeal is almost as vital as functionality these days. Even if your site functions better than most you still need the eye candy to attract and retain visitors. These two APIs go head to head when it comes to styling your page.
| Effect | JQuery UI | Scriptaculous |
| Appear | YES | |
| Blind | YES | YES |
| Bounce | YES | |
| Drop | YES | YES |
| Explode | YES | |
| Fade | YES | |
| Fold | YES | YES |
| Grow | YES | |
| Highlight | YES | YES |
| Morph | YES | |
| Move | YES | |
| Opacity | YES |
| Effect | JQuery UI | Scriptaculous |
| Parallel | YES | |
| Puff | YES | YES |
| Pulsate | YES | YES |
| Scale | YES | YES |
| ScrollTo | YES | |
| Shake | YES | YES |
| Shrink | YES | |
| Slide | YES | YES |
| Squish | YES | |
| Transfer | YES | |
| Tween | YES |
Scriptaculous wins round 1 hands down with the most available effects.
Round 2: Implimentation
We will compare how a few of the similar effects are called as well as additional functionality such as parametrization.
Effect Call: JQuery UI
Effect Call: Scriptaculous
The call to run the effect is very similar on both of these API’s. The code required to call an effect is also similar in length. Let’s take a look at the options available when running an effect.
Effect Blind Options: JQuery UI
Callback: Something to execute after the effect
Effect Blind Options: Scriptaculous
duration: Length of effect
On one hand JQuery allows for a callback, in the other you can scale with Scriptaculous. This round comes down to user preference, if you are looking for more options for your chosen effect then Scriptaculous wins, if you are looking for callback functionality then JQuery UI wins.
The result of this round: Draw
Round 3: The Add Ons
JQuery UI has Widgets and Interactions, Scriptaculous has Behaviors and Controls. Contained within these two areas we have things such as: draggables, droppables, sortables, sliders, progress bars, Ajax controls, and more. Jquery UI has a great interface in which you can edit themes which will pump out the required code to implement, Scriptaculous does not have this. When we talk about Ajax controls Scriptaculous has several features available where the JQuery UI has none.
The overall comparison of the add ons is rather even and it comes down to what the user desires again. It would be great to have the functionality of both combined into one.
Result of this round: Draw
The Winner Is….
Overall I would call Scriptaculous the winner, I personally beleive it is far ahead of JQuery UI as far as options and effects. While both of these are great tools to use you still have to pick and choose the effects or features you want and the ones you can live without.
![[del.icio.us]](http://scriptperfect.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://scriptperfect.com/wp-content/plugins/bookmarkify/digg.png)
![[dzone]](http://scriptperfect.com/wp-content/plugins/bookmarkify/dzone.png)
![[Facebook]](http://scriptperfect.com/wp-content/plugins/bookmarkify/facebook.png)
![[Furl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/furl.png)
![[Google]](http://scriptperfect.com/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://scriptperfect.com/wp-content/plugins/bookmarkify/linkedin.png)
![[MySpace]](http://scriptperfect.com/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://scriptperfect.com/wp-content/plugins/bookmarkify/newsvine.png)
![[Propeller]](http://scriptperfect.com/wp-content/plugins/bookmarkify/propeller.png)
![[Reddit]](http://scriptperfect.com/wp-content/plugins/bookmarkify/reddit.png)
![[Slashdot]](http://scriptperfect.com/wp-content/plugins/bookmarkify/slashdot.png)
![[Spurl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/spurl.png)
![[StumbleUpon]](http://scriptperfect.com/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Technorati]](http://scriptperfect.com/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://scriptperfect.com/wp-content/plugins/bookmarkify/twitter.png)
![[Email]](http://scriptperfect.com/wp-content/plugins/bookmarkify/email.png)
Recommeneded websites…
[...]Here are some of the sites we recommend for our visitors[...]……
post modern politics…
[...]senior animal health officer and head of the emergency prevention system[...]…
Great website…
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
Thumbs up…
I saw this really good post today….
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……
Related.. Trackback…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Great website…
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
Recommeneded websites…
[...]Here are some of the sites we recommend for our visitors[...]……
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
far east nanny…
[...]floods are expected more frequently with climate change – so[...]…
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
Thanks you…
There are some interesting points in time in this article but I donft know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article , thanks and we want more! Added to FeedBur…
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……
Recommeneded websites…
[...]Here are some of the sites we recommend for our visitors[...]……
Websites we think you should visit…
[...]although websites we backlink to below are considerably not related to ours, we feel they are actually worth a go through, so have a look[...]……
Visitor recommendations…
[...]one of our visitors recently recommended the following website[...]……
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Gems form the internet…
[...]very few websites that happen to be detailed below, from our point of view are undoubtedly well worth checking out[...]……
Links…
[...]Sites of interest we have a link to[...]……
Related……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
Awesome website…
[...]the time to read or visit the content or sites we have linked to below the[...]……
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Great website…
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Links…
[...]Sites of interest we have a link to[...]……
Recommended websites…
[...] inspect below, are a number of absolutely unrelated sites to ours, however, they are most reliable sources that we use [...]…
Blogs to check…
[...] Nearly every now and then we tend to choose blogs that we read through. Listed below are the hottest sites that we like [...]…
You Have Made My Day…
[...]I’m referring my buddies to check out this page! Carry on with your terrific writing[...]……
Trackback Link…
[...]Here are some of the sites we recommend for our visitors[...]…
Related.. Trackback…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Nice……
I saw this really great post today….
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Websites we think you should visit…
[...]although websites we backlink to below are considerably not related to ours, we feel they are actually worth a go through, so have a look[...]……
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Patrik…
[...]z I wanted to state that it’s great to understand that you also mentioned thi nt[...]…
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……
Hello…
My husband and i were so delighted that Chris could carry out his web research with the ideas he got while using the weblog. It’s not at all simplistic to just continually be freely giving steps that other people have been making money from. So we und…