Click through to see a sample “joyride” (a.k.a. a walk-through tour or visual tutorial of the kind you see on a site that has just added new features or changed something around, to bring it to the users’ attention).

A jQuery plugin that spans a horizontal navigation to fit the full width of its container. Even has support for responsive designs.

(Source: gregbabula)

Doesn’t even require a jQuery plugin — all core jQuery. Neato! (And, dare we say it, very similar to Tumblr’s scroll-to-top functionality).

We just implemented it on Sofie.org — scroll down on this page and test it out!

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

• Multi-column sorting
• Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
• Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
• Extensibility via widget system
• Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
• Small code size

Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements.

This is a simple jQuery plugin to convert menus into a select element for mobile devices and low browser widths.

Usage:

$(document).ready(function(){
	$('ul#id').mobileMenu({
	  switchWidth: 768,                   //width (in px to switch at)
	  topOptionText: 'Select a page',     //first option text
	  indentString: '   '  //string for indenting nested items
	});
});

(Source: twitter.com)

jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app.

You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded.

(Source: twitter.com)