TableKit is a collection of easy to implement HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.

TableKit allows you to easily create sortable, resizable and editable HTML tables by using CSS class overloading to tell the system how to handle a table.

Growl4Rails is an open source javascript component that provides the UI for growl-like notifications in your Rails web application. You have control over the duration and max number of growls to show.

Requirements: Rails 2.1+, Prototype 1.6+, Scriptaculous 1.7+

Website: http://github.com/jfiorato/growl4rails/tree/master

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

Prototip is based on Prototype javascript framework.

Website: http://www.nickstakenburg.com/projects/prototip2/

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.

JSXGraph is a cross-browser library for interactive geometry, function plotting, graphs, and data visualization in a web browser. It is implemented completely in JavaScript and uses SVG and VML.

Some Features:

• Easy to embed
• Small footprint: only about 55 kB (embedded in a web page).
• No plugins are required!

PrototypeXtensions is a JavaScript library based on the frameworks Prototype.js and Script.aculo.us. The objective of this library is to provide an extension “low level” composed of useful methods and basic components, and components “high level”, more dedicated to the user interface.

Currently, it has 3 components:

• Core extension: class, cookie, event management & time calculations.
• History: easy “set/get” parameter on hash of URL, observe the hash of URL & more.
• Tabs: show / hide, select, Ajax / iframe.

Website: http://www.prototypextensions.com

JSValidate is a form validator that utilizes aspects of prototype and scriptaculous to bring you a simple to execute, non-intrusive javascript form validator.

It validates:

• Numbers
• Letters
• Required fields
• E-mail Address
• Credit card number format
• US zip code, phone number & state codes

Website: http://www.jsvalidate.com/

Demo: http://www.jsvalidate.com/demo/

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/

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.