There are moments when we need to show a zoomed image of a product (or something else) that requires to be as much as user friendly as possible. An example is e-commerce sites that use high quality images for high impact over the client’s mind (jewelery for example). In this case zooming a particular point [...]

We continue our series related to mootools with a tutorial that shows us how to build a window-like element on our page that can be resized and moved. Based on previous tutorials we will will create first the html and apply some js code to it in order to obtain what we want. This tutorial [...]

It seems that MooTools team just released the stable 1.2 version of the popular framework Mootools. Great job and a big step forward !! My only concern is what it’s going to happen with 1.11 as the website for the moment is working in a reduced form, docs & download being available only – but as they [...]

The today’s tutorial will try to explain how to make an element draggable or resizable – or even both in the same time, using the MooTools framework.
To accomplish this we’ll make use of two functions existent in MooTools: makeDraggable() and makeResizable().

In this tutorial we will learn how to select elements – or better said how to access an element from page, and how to create new elements in page using Mootools.

How to add events to elements in a webpage using MooTools – a simple tutorial.