December 25, 2011

When choosing a solid JavaScript framework for a website, there are really two that stand out and take the cake – jQuery, which we talked about in a previous post, and MooTools. MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance freely, very similar to the jQuery library.

The Glowing Menu, Courtesy of MooTools

Here is one cool example of how to make your navigation menu smoothly glow on a mouse hover.

Demo Documentation

 

The Ultra Versatile Slider, Keep It Simple

Here’s a great light-weight slider from MooTools that offers simplicity, elegance, and smooth transitions.

Demo Documentation

 

AutoCompleter – Text Suggestion And Completion In A Form

A very useful too for your search fields, the AutoCompleter script from MooTools can add that little extra that will make the browsing experience more enjoyable and user-friendly.

Demo Documentation

 

Have MooTools Generate An Image Reflection

If you want to dynamically generate an image reflection on your site, the Reflection.js script is what you have been looking for. This is the same script used in the jQuery library. Many scripts like this overlap in both the MooTools and jQuery frameworks.

Demo Documentation

 

Get Social Simply With MooSocialize

Based on ajax, this small widget allows to integrate many many bookmarks for every post on your blog, website etc.
By clicking the mooSocialize button, a window will appear, which lets you choose your favorite network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.

But that’s not all – it doesn’t redirect you to that page, but opens up the page in a hovered layer. Convenient and easy. On top of the opened layer is a small “x”, which allows to close the window later on.

Demo Documentation

 

In addition to the few great functions provided above, please do checkout the MooTools website, that demos a variety of the techniques that can be used with this JavaScript framework.

Tags: Interactive, JavaScript