Determine if an object reference is a jQuery object.

Since every jQuery object has a .jquery property, it’s usually safe to test the existence of that property. Of course, this only works as long as you know that any non-jQuery object you might be testing has no .jquery property. So.. what do you do when you need to test an external object whose properties you don’t know?

Full documentation, source, and examples are available on benalman.com.

Used to preload any div(s), it displays an overlay until all the images and background images in the div are loaded. It can have optional arguments to display and customize a porogress bar and progress text.

This loader extends Gaya Design's QueryLoader? adds more functionality and control:

- supports custom arguments no need for external CSS

- can have several loaders/divs being loaded running at the same time not limited to only one

- if the div itself has a background-image or if it is an image it is now taken into consideration.

- resize when window is resized.

With jQuery resize event, you can now bind resize event handlers to elements other than window, for super-awesome-resizing-greatness!

Long ago, the powers-that-be decided that the resize event would only fire on the browser's window object. Unfortunately, that means that if you want to know when another element has resized, you need to manually test its width and height, periodically, for changes. While this plugin doesn't do anything fancy internally to obviate that approach, the interface it provides for binding the event is exactly the same as what's already there for window.

Full documentation, source, and examples are available on benalman.com.

Finally a stress-free way of designing your websites. Stop coding and start designing! For the first time ever, you have the ability to decorate your site in a stunningly simple fashion. Just stick and place. With just one line of code, Stiqr turns your website into a roaming canvas.

Stiqr is an on-demand wysiwyg editor widget for your website. Stiqr lets you design your site in a stick and place fashion just as you do with Photoshop, Fireworks, and Quark Express. But all from your browser.

In just one hour, this site itself was built entirely using Stiqr (which could have normally taken several days). The site was pieced together simply by dragging images and texts to appropriate places using the Stiqr interface. This cut development time by more than 10x fold while allowing us to create a visually attractive site without the headaches.

XML Wrapper

This is a very simple-minded jquery utility plugin to wrap XML into <span />s that can be subsequently displayed, styled, selected and bound. It scratches my need of displaying and manipulating XML, YMMV.

I'm placing this into public domain, so feel free to modify if it doesn't meet your needs.

TinyTips is a very lightweight jQuery tooltip plugin that allows you to add tooltips to any element on a page. Highly customizable and very easy to use. Only 1kb in size it is extremely lightweight and built to be a super fast solution in contrast to other complicated and bloated tooltip solutions.

jQuery Long Url uses the longurlplease.com short URL lengthening API to expand short URLs from at least 80 services, including bit.ly, is.gd, tinyurl.com and more!

And not only has jQuery Long Url been written to take advantage of the longurlplease.com API “batch” ability, where up to ten URLs can be lengthened per request, but it can optionally use any lengthening service, supporting any URL-per-request “batch” limitations, which minimizes the number of external requests made for faster performance.

Full documentation, source, and examples are available on benalman.com.

jQuery Log

fast and safe logging to the Firebug console with jQuery
jQuery Log support all possible arguments for Firebug console.log()

examples:

• $.log(someObj, someVar);
• $.log("%s is %d years old.", "Bob", 42);
• $('div.someClass').log().hide();

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

This tiny line of code is being used to embed a map. Simple, isn't it?
$("#map").gMap();

Ever missed the bookmarking option of a good editor in a web site? This jQuery plugin does exactly that: if you want your website visitors to be able to toggle bookmarks in your pages that are loaded with a lot of content then you can simply insert this script.

The user can add bookmarks (mouse clicked + B) and then step through them (N). They get removed by either clicking on them or pressing D (all get removed). Pressing Shift+N allows to step through them backwards.

You can call the plugin like this:
$(element).bookmark();

And you can configure the following properties:

* color: the highlight color of the current bookmark
* maximum: the maximum number of bookmarks allowed