SyntaxHighlighter helps a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Javascript based and it doesn’t care what you have on your server.

Features:

• Supports Multiple Languages
• Lightweight
• Compressed Core Library is 11kb
• Nice and Clean output

SyntaxHighlighter isn’t for those looking for ability to edit highlighted code. SyntaxHighlighter doesn’t allow users to edit the source.

Download: http://code.google.com/p/syntaxhighlighter/

Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again. You can add Blackbird to your page easily, simply download the files and place them on your server or in a local directory on your computer.

Website: http://www.gscottolson.com/blackbirdjs/

Download and View Examples

This much-requested chunk of Javascript to zoom images inline, available for you to use on your website!

Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom’s raison d’être (French for “raisin-determination”) is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself.

FancyZoom is totally free for your non-commercial website.

Visit Author Website

Download FancyZoom

Javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect.

The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in milliseconds), and the delay between fades (also in milliseconds).

Crossfader Demo

Download Crossfader

This plugin is an inline content editor to allow editing rich HTML content on the fly. It’s a simpler version of WYMeditor with much less features. With a small file size less than 17Kb 26Kb total and only 9Kb 18Kb of code and 7Kb packed, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.

Website and Demo: http://projects.bundleweb.com.ar/jWYSIWYG/

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/

Revolver (Fast Image Rotation Engine) is an excellent open source solution that can display images in cyclical fashion. It is simple, versatile and ideal for displaying a portfolio as a photoblog or a simple image gallery.

Features:

• Is free and open source
• Controls start and stop playback
• Is simple and easy to install and configure
• Does not require database
• Occupies only 3k
• Allows images to future
• Background can also be customized in others

Website: http://www.tubatomic.com/revolver/

Demo: http://www.tubatomic.com/revolver/demo

Pradomeans PHP Rapid Application Development Object-oriented, this is a framework for developing Web applications that is based on objects and uses the PHP language.

Among the objects that this development platform offers include access to databases, forms and controls and Web cache among many others. Also supports AJAX components, allows customization and also incorporates safety XSS and prenvención using cookies.

It’s free, is distributed under a license revised BSD and requires PHP 5.1.0 or higher.

Website: http://www.pradosoft.com/

Demo: http://www.pradosoft.com/demos/

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

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