Following the previous post, we will see today how to check the syntax for JS. In this case we will need a bundle wrote some time ago by Andrew Dupont here. (read the article , scroll down and download the bundle).  Install the bundle. In this moment you are almost good to go, as the bundle [...]

We updated our online cropping script Kroppr, to version v1.2

This version fixes some problems for certain servers configuration:

– servers that do not allow to write the cropped image into the cache folder, due to a server configuration setting,

– servers with magic_quotes_gpc set to On.

Kroppr is an unobtrusive script that willenhance any site that wants to offer an image cropping tool for its visitors. Unlike other scripts, Kroppr is able to ROTATE, zoom and move the image in the real time without using plugins – flash or java. The actual picture crop is done after the user is satisfied [...]

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.

Javascript carousels are used to display some images or content in a often narrow space, allowing the webdesigner to show much info in a limited space. They add some functionality to page and in the same time some visual candy. Some of scripts that can help us to achieve this are presented below:  Carousel Component [...]