Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu. The menu has different orientation and style like you can have horizontal menu, vertica menul, tab based navigation and dropdown structure.

Some Highlights:

• Timed delay on mouseout
• Animation of sub-menu reveal
• Keyboard accessibility
• Supports the hoverIntent plugin
• Indicates the presence of sub-menus
• Drop shadows
• Shows the path to your current page
• Optional callback functions
• Hover support for IE6

You can enhance Superfish menu by using following plugins:

• hoverIntent plugin by Brian Cherne
• bgIframe plugin by Brandon Aaron

Requirements: jQuery v1.2+

Website: http://users.tpg.com.au/j_birch/plugins/superfish/

Jeditable is a jQuery plugin to make changes in the browser right away. Just hit the right nerve and you are done!

Normal flow is this, User clicks text on web page… Block of text becomes a form. User edits contents and presses submit button… New text is sent to webserver and saved… Form becomes normal text again.

Website: http://www.appelsiini.net/projects/jeditable

Demo: http://www.appelsiini.net/projects/jeditable/default.html

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

Website: http://malsup.com/jquery/block

Demo: http://malsup.com/jquery/block/#demos

This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges.

Features and Updates:

Uses jQuery UI 1.6rc4:

The range picker now uses the latest version of jQuery UI’s datepicker, and allows passing of native datepicker options.

Date.js Integration:

We’ve integrated the fantastic date.js library to allow for easy preset development.

Optional Range Advancing Arrows:

Optional forward and back arrows allow a user to jump forward and backward by range duration.

jQuery UI CSS Framework-Driven:

Our range picker uses jQuery UI CSS Framework classes, making it ThemeRoller-Ready.

This plugin requires jQuery and jQuery UI Datepicker. It also uses the jQuery UI CSS Framework as well as one additional custom CSS file. All these can be downloaded from the official site, Checkout the demo below.

Website: http://www.filamentgroup.com/

Demo: Check out this faboulous Date Range Picker

A very nice and easy tabbed navigation script with jQuery.

Website: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/

Demo: http://trevordavis.net/play/javascript-tabbed-navigation/

deploy* is an open source web application that enables you to create your web project framework with ease.

It lets you to choose the:

• XHTML document type
• CSS file (blank or with resets)
• jQuery to be included or not. If yes, ask for some popular plugins
• major directories like images, includes to be added

Once the link that creates to project framework is bookmarked, same framework can be created with just a click.

The idea itself is very nice: “instantly starting a project with the preferred structure“. If more libraries, CSS frameworks would be supported, it can become much more flexible (as it is open source, anyone can add these).

Flash technology is an excellent way to create animated content among many other possibilities.Personally I prefer to use proprietary technologies.

Fortunately, every day there are new ways of doing the same thing, but using these standards and making presentations are more usable and accessible without sacrificing appearance. One such script is JS Coverflow with which we can implement an elegant image carousel.

Features:

• This tested browsers: Firefox 3, Opera 9.5 and Safari 3
• Only works with images with the same height and width
• Used easily with the mouse wheel or using the scroll arrows;
• Personalize the labels and the onclick event that fires in the center of the image in the foreground.
• This script has been tested with other libraries as Javascript: jQuery, MooTools, Dojo and Prototype.

Website: http://radnan.public.iastate.edu/coverflow/

One of the most used in the galleries that implements the library (library) Lightbox.

It is an interesting alternative to Lightbox since it has rounded edges and the overall appearance is somewhat different. This gallery is very easy to implement and is distributed under a Creative Commons Attribution 2.5.

Compatibility: All Major Browsers

Click here for Demo and Download

Web applications often require a calendar or date picker functionality. Whether it’s a web form that requests the user’s date of birth, a content management system that needs to display a calendar of events on a side column, or an application that charts data as a function of time – there’s never a short supply of demand for calendars or date pickers.

To write a custom solution yourself is one option, especially if you have the time, and your requirements can’t be met by freely available scripts. But if you’re the type that wants to save some time – check out these brilliant, free calendar and datepicker scripts available for download. You can use them for inspiration, incorporate them into your project as they are, or modify them to suit your needs.

Calendar: a Javascript class for Mootools

The Calendar class for mootools is a script that plugs into the mootools framework, providing you with an accessible, unobtrusive datepicker for your web forms.

The Calendar class gives you three navigation options: navigate by month, navigate by month or year, and static/no navigation. It supports multi-lingual and fancy date formatting features, and also allows you to restrict the range of available dates that the user can select. The script weighs at about 15KB compressed with the YUI compressor, but you can download the uncompressed version with the developer’s comments if you want to modify it or understand how it works.

Try the Demo

Make a Download

MooMonth

MooMonth is a full calendar application with smooth animation effects and is highly-customizable to your web application’s needs. Clicking on certain areas such as the day or event expands (or collapses) the area to focus on the particular date. It’s still in the alpha phase, but brief testing under Firefox 2, IE 7, and Safari 3 indicates that the current version works as intended.

Website: http://code.google.com/p/moomonth/

Download: http://code.google.com/p/moomonth/downloads/list

Read the rest of this entry »

We can create javascript treeview component quickly with jsTree. It accepts various data sources including predefined HTML, JSON and XML. User can open, close, rename, create, delete nodes easily. jsTree supports drag & drop and multiple select as well. And also, jsTree supports easy CSS customization of icons, dots, background, fonts & sizes. So that you can create your own unique javascript treeview component easily.

Requirements: jQuery Framework

Website: http://www.jstree.com

Demo: http://www.jstree.com/jsTree/examples/