Site5 Hosting

Posts Tagged ‘Mootools’

JSGallery is a very nice AJAX image gallery built with Mootools.

Look & effects of the script is configurable. It supports browsing with keyboard between images and also pages.

Mootools Image Gallery

Features of this AJAX gallery:

  • nice transitions for page change, image select, etc.
  • supports easy to build no-script version
  • preloads images with separate indicators (optional)
  • a bunch of options to change the default styles and bevaviours
  • visibility of prev/next handles is controlled by mouse distance
  • use the arrow keys to go to previous/next image
  • use number keys to go to a certain page (beginning with 1)
  • prevents too fast change of images (ugly effect interruption)

Few posts ago, we had mentioned SoundManager (WRD post link), a JavaScript API for controlling Flash sounds.

MooSound is a very similar API for MooTools (thanks to Ruslan for suggesting the resource).

MooSound Flash Sound API

MooSound’s poweful features let you reach almost every aspect of the flash sounds like:

  • start, stop, pause
  • ID3 information
  • Filesize
  • Loaded Bytes
  • Duration
  • Position
  • Setting the volume
  • Setting the pan
  • Jump to feature

API is very well documented and a demo can be found at the homepage.

(E)2 is a good looking photo gallery built with MooTools JavaScript Framework.

By default, (E)2 has 4 themes which can be switched-between easily. It has an auto-loading thumbnail viewer which can be hidden too.

This photo gallery requires PHP to run and does not need any database.

Mootools Photo Gallery

In the near future (E)2 gallery will have a "pro" version with more features and you will be informed of it via WebresoucesDepot for sure.

MooWheel is a mootools based script which visualizes data and connections between items like a wheel.

MooWheel uses CanvasText and ExCanvas libraries other than mootools which are already included in the package.

Mootools Wheel Script

Usage of this data visualization script is pretty simple. You simply create a data array, add a canvas tag and call the function.

There is a very nice demo here.

mooRainbow is an easy to integrate JavaScript color picker built with mootools.

This color picker can be attached to any element in the DOM. A click event would automatically be attached to that element and simply clicking on it you will be able to show or hide mooRainbow.

JavaScript Color Picker

This mootools powered JavaScript color picker:

  • is fully customizable via CSS file.
  • keeps clean your DOM and generates valid XHTML and CSS.
  • provides you, as return, an object containing RGB, HSB and HEX of choosen color.
  • works on Firefox/Safari/Opera/IE.

MooMonth, is a JavaScript calendar application built with Mootools which is highly configurable an customizable.

With an attractive interface the calendar application has features like:

  • Day, week, month, *year, and zoom views.
  • Smooth view transitions.

JavaScript Calendar Application

MooMonth has a powerful function set to be used in creating a feature-rich calendar application.

Although the application is still in alpha it is already very promising.

Meteora is set of cross-browser widgets and controls for quickly creating rich and customizable web applications without programming excessive JavaScript that is painful to debug in every browser.

JavaScript Widget Library

Meteora is based on the great mootools framework (version 1.11) and scripts that already work with mootools can be used with Meteora too!

To see some nice demos of this JavaScript widget library, check:

MooCrop is an image cropping utility using the powerful mootools javascript framework. Alone, it is only a selection tool but when used with a serverside script then it becomes an image manipulation tool.

Mootools Image Crop

Some MooCrop features:

  • Completely customizable CSS styling
  • Detects and handles multiple CSS box models
  • Allows for masking to be toggled
  • Ability to hide resize handles during drag
  • Custom events for your own modification
  • Relative based postioning rather then absolute (should handle overflow properly)
  • Works and retains layouts on floating images.
  • Resize from 8 different directions
  • Ability to set minimium size limit
  • Cleans up nicely, leaving your DOM in its original state when removed.
  • Fast!

mooSocialize is an ajax based social bookmark widget which helps submitting content to the social bookmark websites easily.

Once clicked, a window with the social bookmark website logos appears. Clicking the desired social bookmarking website does not redirect you to another website, a hovered window like Lightbox opens and the new website runs there. This nice feature helps keeping your website visitor on your page.

Ajax Social Bookmark Widget

There is also a Wordpress plugin which helps integrating mooSocialize into a Wordpress powered blog.

Name says it all but mooSocialize is built with the beautiful mootools javascript framework.

Google already has an API for Google Maps service which makes it possible to create interactive, real-data-driven maps.

DrasticMap, an AJAX based component, makes it easier to show data from a MySQL database in Google Maps.

This Google Maps component is offered in a PHP - JavaScript package called DrasticTools which also includes 2 other components, DrasticCloud (for easy tag cloud generation) & DrasticGrid (grid editing).

MySQL Data In Google maps

DrasticMap uses MooTools JavaScript framework for the interaction, which is included in the download package.

feed-holder
FeedBurner
  • Gooey Templates
  • Krop
  • slice'n dice
  • Website Magazine
  • DNS Pinger
  • Advertise Here