Visual-Blast Media

Jcrop - a quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine.

Features:

• Attaches simply to any image in your HTML page
• Supports aspect ratio locking
• Callbacks for selection done, or while moving
• Keyboard support for nudging selection
• Support for CSS styling
• Advanced API including animation support

Tested in Firefox 3, Safari 3, Opera 9.5, Google Chrome 0.2.x, Internet Explorer 6+

Detailed Jcrop info at Jcrop Manual / Jcrop examples at Jcrop Demos and Examples

asmSelect - a jQuery plugin that replace an ugly screen full of checkboxes.

No Ctrl/Cmd-Clicking is necessary to select multiple items, and an accidental click is not destructive. You add or remove items one at a time. Only the already-selected items occupy screen real estate, as they should. A remove link is included with each selected item, which eliminates ambiguity.

The select multiple can accommodate a large number of selectable items without taking up a lot of screen real estate. It’s usage is desirable when you consider that it can replace an ugly screen full of checkboxes. It’s also easy to work with for the developer, in that the markup is nearly identical to that of a regular select.

Related article / Example 1 / Example 2

When an option has been selected, then it either no longer appears in the list of options, or it is disabled (grayed out and not selectable). If the user removes it from their selected items, then it naturally goes back into the list of available options.

UvumiTools 6 free MooTools plugins.

MooTools Dock Menu

The UvumiTools DockMenu reproduces Mac OS dock, you can build this menu with a simple <ul> element, where each <li> represents a menu item. The whole thing is degradable, built from standard HTML, and is cross-browser compatible.

Dropdown Menu

A very simple multi-level menu built from an HTML unorderd list, a simple and lightweight menu that can be easily updated by simply editing a <ul> HTML element. It’s Cross-Browser compatible and cutomizable with CSS.

Gallery Plugin

Display fancy photo galleries on your web site without requiring you to be a master programmer. All you need to do is include a couple JavaScript and CSS files.

First, the thumbnails are loaded. Users can click a thumbnail and watch the gallery transform into a slideshow, which is then navigated by clicking the left column or by scrolling with the mouse wheel.

3 more from UvumiTools: UvumiTools Image Crop, Textarea Plugin and Scrollbar Plugin.

PictureSlides - a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons and whatever you like.

PictureSlides consists of one settings file and one core functionality file. This basically means that when an updated version comes along, you can update the functionality file but keep your settings file, to ensure staying up-to-date is as hassle-free as possible.

Nettuts - how to combine many of MooTools’s functions to create a nice photo gallery.

Flickrshow - a lightweight, cross-browser javascript slideshow, providing you with an easy way to display your Flickr images on your own website. It is simple to install and can be used to access images within Flickr groups or photosets, or using a tag-based search.

It comes with a play/pause button to automatically show all of your images, with improved caching of images – the completely rebuilt cache reflects changes in your photostream more immediately and in a much faster way, with unlimited themes – use a simple CSS stylesheet to design your slideshow to match your website and much more.

A Coverflow script which uses canvas for the effects. Tested in Firefox 3, Opera 9.5 and Safari 3. Utilizes scroll wheel and left/right keys. You can have custom labels and onclick events for center image. Tested it with other javascript libraries like jQuery, MooTools, Dojo and Prototype.

Galleria - is a javascript image gallery written in jQuery. The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements.

It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

Features:

• Unobtrusive javascript
• Degrades gracefully if the browser doesn’t support javascript or CSS
• Lightweight (4k packed)
• Displays the thumbnail when the actual image is loaded
• CSS powered - create your own gallery style
• Super fast image browsing since the images are preloaded one at a time in the background
• Can scale thumbnails and crop to fit in thumbnail container
• Can be used with custom thumbnails
• Stylable caption from image or anchor title
• jQuery plugin - takes one line to implement
• Browserproof
• Can adjust the history object and enable the back button in your browser
• Can fire events so you can customize the images behaviour onLoad

Galleria now has it’s own forum where you can get assistance when using galleria.

Sexy Alert Box - Tutorial on how to design Alert Box, add a nice animation with MooTools and improve the classic look of JavaScript Alert Box. Easily customize overlay background color, opacity, transition and animation duration.

Download source files / Live Preview

jParallax - jQuery plugin to create parallax effect.

Check the Parallax effect Demo - Parallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.