jWizard: jQuery Form Wizard Plugin

jWizard is jQuery plugin for generating a wizard like interface for your web application. You can use jWizard to to enrich your user interface by dividing content and web forms into series of steps – reducing a large and complicated process into small chunks.

jWizard is really easy to implement; all you need to do is divide your content into multiple parts using very simple markup and then call jWizard funtion. The rest of the HTML as well as the JavaScript that you need for a slick wizard interface is automatically generated and handled behind the scenes. jWizard is also powered by jQuery UI library and is stylable via jQuery UI’s ThemeRoller or custom CSS classes.

Features

• simple HTML, CSS and JavaScript setup requirements
• Custom Events: finish (jWizard), cancel (jWizard), activate (steps), deactivate (steps)
• Flexible CSS and Styling Capability
• jQuery UI Themeroller Integration
• Programmatic Step-Navigation (via Public Methods)
• Step Counter (with Percentage and Count modes)
• Custom Button Text
• Sidebar Navigation (Step Titles and/or Step Numbering)
• Seamless HTML Forms integration (set the ‘buttons.finishType’ configuration option to ‘submit’)
• Integrated Form Validation (Step-Based)
• jQuery UI Animations built in

Developed by Dominic Barnes; jWizard is available for download License Free.  You can find further information, demos & download on jWizard Project Website.

Similar Posts:

• jQuery Form Wizard Plugin
• Create Unique Looking Forms With NiceForms
• JavaScript + CSS – Custom Form Elements (CFE)
• jQuery UI Selectmenu Plugin
• jQuery MultiSelect Plugin With ThemeRoller Support

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Application Packaging, Dominic Barnes, Form/File/Folder, jquery, jQuery UI, License Free, ThemeRoller

Animated Table Sort

Animated Table Sort is a  jQuery plugin that allows you to create tables, which can be sorted based on a particular column. Whenever user clicks on column head to sort the table, data will animate to it new location, giving a nice effect. Another important feature is its ability to sort based on REGEXP matches.

Animated Table Sort plugin enables you to control whether row relationships are maintained, whether it sorts on ASCII or numeric and ascending or descending order. It also cleans up after itself by removing DOM-scripted DIVs created to add animation effect.

Developed by Andy Croxall; Animated Table Sort Plugin is available for download License Free.  You can find further information, demos  &  download on Animated Table Sort Plugin Website.

Similar Posts:

• TableSorter: Flexible Client Side Table Sorting With jQuery
• TableKit – Table Enhancements Using Prototype Framework
• Make Your Tables Interactive With DataTables
• KeyTable – Keyboard Navigation & Event Binding For HTML Table
• TinyTable – Really Light JavaScript Table Sorter

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Andy Croxall, Application Packaging, jquery, License Free, Table/Grid

EasyTabs jQuery Plugin

EasyTabs is jQuery plugin that allows you to create highly customized tabs. You can use this plugin to create custom tab layouts, such as tabs below the content, tabs on the side, etc). Instead of styling and arranging your tabs for you, EasyTabs handles only the functionality of the tabs, and leaves the styling to you.

EasyTabs does not style your tabs in any way (via JavaScript or CSS); it provides you complete control over the customization of appearance, layout, and style. It also allows you to easily customize its behavior, by providing several configuration options.

Features

• Creates tabs from an unordered list, which link to divs on the page
• Allows complete customization of appearance, layout, and style
• Makes content panels fade out and in when a new tab is clicked
• Specify speed of the fading effect
• Specify default tab
• Specify CSS class to the currently-selected content
• Specify CSS  class to the currently-selected tab
• Easy to implement and works in all modern browsers

Developed by Alfa Jango; EasyTabs jQuery Plugin is available free for download.  You can find further information, demos & download on EasyTabs Website.

Similar Posts:

• Make Tabs Behave More Smoothly With Organic Tabs
• jQuery UI Tabs aka Tabs 3
• MGFX.Tabs: Simple To Use Tabs Plugin For MooTools
• Easily Create Tabs or Slider Using tabSwitch jQuery Plugin
• Coda Slider: Highly Customizable Content Slider

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Alfa Jango, Application Packaging, jquery, License Free, Tab/Accordion

Create Horizontal or Vertical Content Slider With Tiny Carousel

Tiny Carousel is a lightweight jQuery plugin that enables you to easily create highly customizable content sliders. You can create multiple horizontal and vertical content sliders in single page. Tiny Carousel is a cross browser plugin that works in all major browsers including IE6.

Tiny Carousel requires you to add content for the slider using an unordered list and offers several customization options to change its default behavior.  Additionally it offers a callback function that is executed after every slide change for further customization.

Features

• Can slide vertical or horizontal
• Supports navigation by button or paging
• The point where the carousel starts can be set
• Animation time can be set in milliseconds or to ‘instant’
• Number of block to move at a time can be set
• An interval can be set to slide automatically every given milliseconds
• Lightweight – Less than 3 KBs minified

Developed by Maarten Baijs; Tiny Carousel is available free for download.  You can find further information, demos & download on Tiny Carousel Website.

Similar Posts:

• loopedCarousel: Easy To Implement jQuery Carousel Plugin
• Easy Slider – jQuery Plugin For Sliding Images and Content
• iCarousel – Rotates Content Horizontally & Vertically
• jQuery Feature Carousel Plugin
• Coda Slider: Highly Customizable Content Slider

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Application Packaging, Gallery/Carousel/Slider, jquery, License Free, Maarten Baijs

Increase Size of Click Targets With BigTarget

BigTarget is a simple easy to use jQuery plugin that enables you to easily increase size of a click target. You can use this plugin to get more call-to-action conversions on “title, thumbnail, short summary, more link” pattern. BigTarget is a cross browser plugin that works in all major browsers.

Adding BigTarget functionality to your site is straight forward. First include the plugin code in the head of your document, and then when the page is ready, attach the bigTarget function to the target anchor; BigTarget will do the rest.

You can also try “Fitted jQuery Plugin” by Trevor Morris; which achieves the same goals as BigTarget in a slightly different manner.

Developed by Leevi Graham; BigTarget jQuery Plugin is available for download License Free.  You can find further information, demo & download on BigTarget Website.

Similar Posts:

• QuickFlip 2 – The jQuery Flipping Plugin
• Split List Items Into Columns With Easy List Splitter
• PageEar – Free Page Peel Script
• jQuery PageSlide Plugin
• jQuery Color Picker Plugin

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Application Packaging, Fitted, jquery, Leevi Graham, License Free, Miscellaneous, Trevor Morris

Two Sided Multi Selector

Two Sided Multi Selector is a jQuery plugin that will automatically converts a multi select list into a two-sided multi-select list. Two Sided Multi Selector will display list of options in a select list on left, while selected items will be displayed in a select list on right. You can move an item(s) between two boxes by selecting items(s) and clicking on arrow buttons (add, add all, remove, remove all).

Two Sided Multi Selector will not affect the post-back as the selector will create the elements with the correct name – this means it can safely be used to add functionality to your multi-select list without worrying about how to handle the post-back on the server.

Features

• Keep the lists in order regardless of order-of-selection (Using Tiny Sort plugin)
• Add or remove all items by using the double arrow
• Unobtrusive
• 100% styled using CSS

Developed by Steve Fenton; Two Sided Multi Selector jQuery Plugin is available for free. You can find further information, demo &  download both Two Sided Multi Selector Website.

Similar Posts:

• jQuery Dropdown Check List
• jQuery Plugin – Tokenizing Auto Complete Text Entry
• jQuery UI Slider from a Select Element
• Paginated, Filterable Multi Select Widget For MooTools
• jQuery UI Selectmenu Plugin

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Application Packaging, Form/File/Folder, jquery, License Free, Steve Fenton

JavaScript Audio Interface For HTML5 Tags

JAI or “JavaScript Audio Interface” is an open source script that provides juke-box functionality to HTML5 <audio> tags. It uses no images for it’s player interface, all the graphics are rendered to a <canvas>  element at run-time. The clickable play-list area contains a list of links that can be styled using CSS.

JAI works on all modern browsers that support HTML5 <audio> tag and the Ogg Vorbis Audio Codec. In addition to the clickable playlist, JAI provides play, pause and sound controls.

Developed by Alistair MacDonald; JAI (JavaScript Audio Interface) is available for download license Free.  You can find further information, demo & download on JavaScript Audio Interface Website.

Similar Posts:

• SoundManager 2: JavaScript API Supporting MP3 / MPEG4
• jPlayer – jQuery MP3 Player Plugin
• jQuery YouTube Playlist Plugin
• PIMP3 – Prototype Based JavaScript MP3 Player
• Shadowbox – JavaScript Media Viewer

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Alistair MacDonald, Application Packaging, Canvas, HTML5, Image/Media, License Free

Test and Share You JavaScript Code With jsFiddle

jsFiddle is an online tool (an evolution of MooShell) that lets you test your JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML and CSS code. Simply go to the page, enter your JavaScript, HTML and CSS in relevant fields and run to see the output. You can also save your work for later use, or share it with others using a unique URL that is generated for you.

jsFiddle consist of four windows: HTML, CSS, JavaScript and Output. You simply enter HTML, CSS and JavaScript code in their respective windows and press run to see the out put. You are also allowed to load external JavaScript and CSS resources to test you code.

Although jsFiddle is currently in alpha stage and under heavy development, it is till very useful for quickly testing and sharing code without having to setup a test page on your own server. Developed by Piotr Zalewa; All code tested using jsFiddle belongs to the poster and no license is enforced. Visit jsFiddle: http://www.jsfiddle.net/

Similar Posts:

• Test Your MooTools Code With MooShell
• Load Test Your Website With Load Impact
• Online Mini IDE and Debugging Tool
• Show If: PHP Code Generator For Targeting Visitors
• Inline Styler: Converts CSS Rules into Inline Style Attributes

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: - Virtualization, Application Packaging, License Free, Online Tools, Piotr Zalewa, Tools

Create Top or Bottom Sliding Panel With Slide Box

Slide Box is a very lightweight jQuery Plugin that allows you to easily take any DIV and transform it into a top/bottom sliding panel. Slide Box is a cross-browser component that has been tested on Safari, Firefox and Internet Explorer.

You can easily integrate Slide Box into your website with very simple markup and customize its look and feel using CSS. You can control whether you need to slide panel from top or bottom as an options parameter. Additional parameters that you can pass to the plugin include height and width of your sliding panel.

Developed by Samuel Garneau; Slide Box jQuery Plugin is available for download for free without any license restrictions.  You can find further information, demo & download on Slide Box Website.

Similar Posts:

• Create Alphabetical Drop Down Menu From Your List
• jQuery Long Dropdown Menu
• Create Docking Panels For Your Website With jQuery
• jQuery Context Menu Plugin
• Dropdown, iPod Drilldown and Flyout jQuery Menu Plugin

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: jquery, License Free, Menu/Navigation, Samuel Garneau

Make Tabs Behave More Smoothly With Organic Tabs

Organic Tabs is a jQuery Plugin that allows you to build a tabbed area with smooth / gentle transition from one tab to another; even if these tabs contain content of different heights. The effect is achieved by calculating heights and animating between those heights on the fly.

Primary purpose of Organic Tabs is to enable tabs behave smoothly; other than that script is fairly simple, clean and semantic markup. Organic Tabs should work on all major browser and you can easily change its look and feel using CSS.

Developed by Chris Coyier of CSS-Tricks; Organic Tabs is available for download License Free.  You can find further information, demo & download on CSS-Tricks Website.

Similar Posts:

• jQuery UI Tabs aka Tabs 3
• jQuery Horizontal Accordion Script
• Easily Create Tabs or Slider Using tabSwitch jQuery Plugin
• BySlideMenu – Dynamic Accordion For MooTools
• Animated JavaScript Accordion

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: Chris Coyier, jquery, License Free, Tab/Accordion