For web developer

Scrollovers is a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.

It is simply a JavaScript that helps creating rollover image-like links with text .

How to use Scrollovers?

Insert the scrollovers.js file to your web pages and create your links like this:

<a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>

And the last add the styles with the color palette of your preference like below:

<style>
   a.scrollover {color: #557AFF;}
   a.scrollover em:first-line {color: #FF5B3C;}
</style>

And that’s it. 

Requirements: No Requirements
Compatibility: All Major Browsers

Degrafa is a declarative graphics framework fo Flex which aims:

Bringing the graphics classes up a level to provide a common ground between developer and designer within Flex
Enabling the graphics classes to become first class citizens within the Flex framework.
Minimizing the learning curve of Flex graphics development.

Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support.

Rather than ActionScript, MXML is easier to read an learn, specially for a designer’s point of view.

There are great samples of what can be done with Degrafa here.

Growl is a lightweight JavaScript (mootools powered) that you can use for creating Lightbox-like but disappearing notifications.

Growl has 2 effects:

Smoke (slowly fades out)
Bezel (fades out and slides down)

Growl is very handy for events like "product added to basket, password sent.. and similar notifications.

Requirements: No Requirements
Compatibility: All Major Browsers

Similar to Lightbox, FancyBox, a jQuery powered image zooming script, zooms the images with very nice loading and zoom-in / zoom-out effects.

Features:

Automatically scales large images to fit in window
Adds a nice drop shadow under the full-size image
Image sets to group related images and navigate through them

Basic usage:

$(function() {

    $("div#test_zone a").fancybox();

});

FancyBox works with the major web browsers and can be configured for different closing effects.

Requirements: jQuery
Compatibility: All Major Browsers

GlassBox, a JavaScript library using Prototype and script.aculo.us helps creating transparent border, colorful layouts and "Flash-like" effects.

The GlassBox library ..

is easy to use
is customizable and skinnable
comes with a coherent API (CSS based parameter) and a short introduction
includes a basic Ajax XHR for dynamic content loading

Requirements: Prototype and script.aculo.us
Compatibility: All Major Browsers

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Requirements: Prototype v. 1.5.0_rc0+, script.aculo.us v. 1.6.1+
Compatibility: Chack out Known issues

Control.ProgressBar is a percentage based progress bar widget for Prototype.js.

Progress bar can grow:

on a timed interval
when events in your application tell it to
it can be set to poll a given URL.

The mechanism for action is simple, just create a div with relative or absolute positioning, attach the JavaScript, and this control will set the width of the inner element as necessary.

Requirements: Prototype.js JavaScript Framework
Compatibility: All Major Browsers

Moo.rd is a Mootools extension that gives useful and powerful functionalities to developers like a lot of effects, customizable standards, utility native functions, table management, virtual boxes and many more.

This lightweight JavaScript library is modular, flexible, and completely compatible with all MooTools plug-ins.

Like MooTools, moo.rd respects strict standards, doesn’t generate any type of warnings and is compatible with all major browsers.

Requirements: No Requirements
Compatibility: All Major Browsers

Glossy.js allows you to add shading, shadows and rounding corner effect to images.

This is a very useful method if you want to use the same effect for all images in some part of your website. You won’t need to use an image editing software every time. Your images will stay as the original and you can apply another effect later on. 

How to use Glossy.js?

Insert the glossy.js in your code
Add the class "glossy" to your images

Gloosy.js works in all major browsers. If not supported by a browser, it downgrades itself without creating any errors.

Requirements: No Requirements
Compatibility: Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+

jQuery.Easie.js is a plugin for the popular JavaScript framework for creating CSS3-like easing animations.

With the help of a web-based drag 'n' drop interface, it enables you to create the easing curve and generates the related jQuery + CSS3 code automatically.

This way, you can use the CSS easing code for supported browsers and the JavaScript code as a fallback.

The plugin is lightweight (2kb) and works pretty fast by using lookup tables.

Requirements: jQuery
Compatibility: All Major Browsers