Thursday, June 11th, 2009

jQuery Tools

Category: JavaScript, jQuery

Tero Piirainen has created a new package of jQuery Tools.

This library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library.

This library is open source and dual licensed under MIT and GPL 2+ licenses.

The package contains a slew of demos including:

  • Tabs
  • Tooltips
  • Expose
  • Overlay
  • Scrollable
  • Flashembed

Posted by Dion Almaer at 6:27 am

3.7 rating from 75 votes


Comments feed TrackBack URI

Nice but slightly buggy in Safari 4.

Comment by okonomiyaki3000 — June 11, 2009

@okonomiyaki3000 viewed all of the demos with Safari 4 final for osx with no issues.

Comment by lmjabreu — June 11, 2009

Very nice work!

Comment by igaenssley — June 11, 2009

Wow, that’s very interesting, and no issues with browser support that I can spot? Nice stuff, have to try that out.

Comment by KimL — June 11, 2009

These are nice and compact. Unfortunately the overlay isn’t adjustable height, but otherwise nice work.

Comment by BarelyFitz — June 11, 2009

Expose is a nice feature. I think I’ll use it in an upcoming project

Comment by WillPeavy — June 11, 2009

Finally something decent and not overly gimmicky made in jQuery :)

Comment by Darkimmortal — June 11, 2009

Just so I’m clear, this is essentially a competitor to jQuery UI? The two aren’t related are they?

Very cool looking though.

Comment by pnewhook — June 11, 2009

Same guy who does the JS interfacing for the Flowplayer project. Both (flowplayer and this) have been useful to me. Good work all around.

Comment by marcolepsy — June 11, 2009

Just so I’m clear, this is essentially a competitor to jQuery UI? The two aren’t related are they?

No, they’re not.

Comment by Darkimmortal — June 11, 2009

The horizontal scrollable seems funky in Chrome. Other than that, pretty nice.

Comment by Nosredna — June 11, 2009

A couple of comments (using Firefox 3):
* Exposing a form only works with the mouse, not when tabbing with the keyboard.
* Exposing a video does not makew much sense if I pause it at any time. I must wait until the video ends to get again access to the page.
Other than that, I absolutely love this feature.

Comment by icoloma — June 11, 2009

Nice work! I’m impressed and I’m nearly never impressed.

Comment by Spocke — June 11, 2009

Anyone interested in that toolset should be cautious regarding it as it doesn’t exactly use the best practices when working with jQuery. You can read more at

I’ll admit, I didn’t write the article, but I find it quite interesting.

Comment by cpradio — June 11, 2009

@cpradio, from the comments, it seems the author already has fixed the problem. I like jQueryUI, but aside from Tabs, I don’t know if I’d use it again. To me the project seems to move in slow motion. I do like the ThemeRoller. I’m glad to see some competition, frankly. Not everyone needs the same thing.

Comment by Nosredna — June 11, 2009

Where are the widgets??

Comment by tmallen — June 11, 2009


Really too bad there is no image viewer rolled into the nice content popup thingy (overlay?). That would be perfect.

Comment by stylo — June 12, 2009

Ugh. I just found out that the overlay tool (and presumably other tools in this set) do not attempt to fix IE6 bugs. So for example, if there are form inputs on the page, then they show through the overlay. It’s one thing to say you don’t support transparent PNGs, but this makes it unusable for IE6.

Comment by BarelyFitz — June 12, 2009

The “flashembed” tool is meh.
1) it should probably change it’s name. Adobe likes to protect “flash”, even in open source project names. SWFObject knows about that.
2) Speaking of @SWFObject, flashembed doesn’t expose one of the most important features that it provides, the ability to do version detection and inline-auto-updating of the plugin version for the users, via Express Install.
3) IMHO, a big part of what makes jQuery so cool is how it operates on sets/collections of DOM objects. SWFs are very rarely duplicated on a page and in need of collection-based operations. So really, this plugin is just trying to stuff already standard and well supported functionality available via SWFObject needlessly into the jQuery namespace, for the sake of jQuery syntactical sugar, which in this case it really doesn’t buy much of.
I prefer to keep libraries separate unless there’s a compelling reason to shove them together. I love jQuery, and I love SWFObject. But I don’t love someone stealing (ONLY) part of what SWFObject already does well and stuffing it in a $() facade for the heck of it.

Comment by shadedecho — June 13, 2009

flashembed()? $f()?
Needless namespace pollution alone makes jQuery Tools look like crap to me.

Comment by nbr — June 15, 2009

Anything built on top of jQuery is folly. And SWFObject has always been junk.

Using this type of stuff for tabs (of all things) is programming for failure. Spend your time reading and learning, rather than debating fantasy script A vs. fantasy script B. Isn’t it obvious at this point that the authors can’t even make their demos work in *current* browsers?

Comment by DavidMark — July 11, 2009

Leave a comment

You must be logged in to post a comment.