You might have noticed that Website Magazine routinely features interesting
jQuery plugins. There are options to jQuery however that Web designers and
developers should seriously consider and one of those powerful alternatives is
prototype.js. Prototype is distributed standalone (prototypejs.org), but also as
part of larger projects such as Ruby on Rails, script.aculo.us and Rico.
features range from programming shortcuts to major functions for dealing with
Let's look at several interesting Prototype extensions for designers and
Reflection: This handy script can help to add another dimension to
images. Designers and developers can create a (3d) image reflection using Prototype and Scriptaculous.
Fisheye: The Fisheye control allows developers to present icons
(vertical or horizontal) which react to the user's mouse - similar to the Mac
OSX "Dock" effect. This component adds a professional degree of interactivity that improves usability.
Phototype: Supporting various kinds of image manipulations, designers
can rotate, resize, flip and do some other cool effects to images.
This extension enables developers to improve check boxes and radio
buttons visually by replacing the controls with images. Proto Check also supports mouse
and keyboard selection, as well as normal, read only and disabled controls.
which provides a simple interface to plot markers onto Google Maps using a
simple XML file. The interface allows the user to write a few of lines of
CoolTips: CoolTips is
used to replace conventional web-browser tooltips. The tooltips get contents of
title attribute, so they're fully unobtrusive.
LivePipe: LivePipe user interface
components are a suite of widgets and controls for Web 2.0 applications built
Starbox allows you to create all kinds of rating boxes easily using just one PNG
image. For some extra effects you can add Scriptaculous as well.
Plotr: Plotr is a charting
framework for Prototype. It is based around PlotKit. This enabled developers to
use Canvas or SVG elements for rendering bar, line and pie charts. The result is
a lightweight charting framework (12kb!) named Plotr.
Carousel: A highly configurable extension for Prototype with various
options and parameters, similar in functionality to that of a normal carousel. It can be used in various forms of navigation (maps, image galleries, etc.).
Allows for the display of a series of messages on a web page inside of a specified
container. It supports any number of messages and can be configured with