I had never seen an implementation, with only XHTML and jQuery as a library could accomplish something so advanced and functional, which undoubtedly enrich the user experience without sacrificing usability.

Seeking resources jQuery, I ran into a tutorial that shows how to implement an audio player with jQuery.

This tutorial yensdesign.com and publish it in the most advanced design is highlighted by its interface, as this can be used via keyboard shortcuts and mouse support Gestures. With this feature, we can change with just a song click and move the mouse, so to increase the volume.

Demo

View Tutorial

MooHover is a MooTools 1.2 class that enhances regular links and form buttons with hover effect transition between two different images, giving a flash-like aspect to links and/or button and submit form inputs.

Requirement

To use this script, download MooTools 1.2 Core.

Demo

Download

There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget.

Demo

Download

This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt.

Demo

Download

Free Rich Text Editor is an extremely easy to use FREE javascript based HTML WYSIWYG editor for your website, it can easily be implemented into any existing content management system or other web application with no knowledge required in programming or javascript.

Only 3 lines of code required to set up the editor. It also now outputs as XHTML compliant code!

Compatibility: Firefox 1.5+, IE 6, 7, Opera 9, Safari 1.3+

Website: http://www.freerichtexteditor.com

Demo: http://www.freerichtexteditor.com/index.php?inc=demo/index

Download: http://www.freerichtexteditor.com/download/

A Free Ajax/PHP Contact Form with validations.

Website: http://web-kreation.com/demos/LightForm/

Demo: http://web-kreation.com/demos/LightForm/

Download: http://web-kreation.com/?dl_id=8

Flip is a plugin for jquery that will flip your elements in four directions.

Compatibility: Firefox 2+, IE 6+, Safari, Google Chrome

Website: http://lab.smashup.it

Demo: http://lab.smashup.it/flip/

Download: http://lab.smashup.it/flip/files/jquery.flip-0.4.1.zip

Agile Carousel is a feature-rich jQuery plugin for creating attractive image sliders.

With a bunch of options to customize the slider, and it can be used with or without jQuery UI for more effects, the plugin provides total control.

Controls:

• Prev-next button options
• Enable-disable slide captions
• Effects used, delays
• Use of watermarks (text)
• and more…

Website: http://code.google.com/p/agile-carousel/
Demo: http://www.5bosses.com/examples/agile_carousel/full_…
Download: http://code.google.com/p/agile-carousel/downloads/list

Simple Directory Listing is a PHP script that works as an online file manager.

It is only one file, just upload & use, and requires PHP to run.

The script can work in read-only or full mode and can be limited to manage a folder.

Besides the functions of a standard file manager script, it also has a FTP layer that makes it possible to connect to remote hosts.

And, the script has RSS support.

Such scripts are very useful when you want to make “files of a project”  reachable by customers where FTP usage may be limited or seem advanced from the eyes of the customer.

Requirements: PHP 4+
Website: http://simpledirectorylisting.net/
Demo: http://simpledirectorylisting.net/demo

Animated JavaScript Slideshow is a free & lightweight script to display images with style.

It simply turns an unordered list into a gallery which can be customized easily.

You can set it to auto-display the images or it can be browsed manually with the prev-next buttons.

The slideshow provides several other controls like:

• Speed of the slideshow
• Information to be displayed or not
• Opacity of the images & more..

P.S. It does not require any JavaScript library.

Compatibility: All Major Browsers
Website: http://www.leigeber.com/2008/12/javascript-slideshow/
Demo: http://sandbox.leigeber.com/javascript-slideshow/