Ingredients:

sprites, unorderdered lists, Mootools knowledge.

Cooking time:

1 hr

Result:

Can be seen on our website – Rborn Web development – mouse-over the top menu.

Well, is not actually the site but the script behind.

Floom is a beautiful MooTools plugin, that takes a collection of images and creates a blinds-effect slideshow.

The demo is simply outstanding, so that’s why this is the today’s website.
More info, specs and docs on the developer’s site

Validate forms client side with MooTools.

I am so used with MooTools as I started to forgot the basic Javascript and more, I started to dislike a lot to write code in pure js. But MooTools lacks the touch events ipod and iphone has. So I wrote a small code that adds the touchevents –  well, touch, gesture, animation and transform [...]

I know, I know, browser sniffing is a bad habit and it should not be used, but still, there are cases when you will want to display a message to the user (ordinary users, that don’t hack their’s browser navigator.userAgent) or you really need to know what browser is he using. For example Chrome. It’ss [...]

As the guys from Mozilla say “The JavaScript shell provides a simple way to run scripts in batch mode or an interactive environment for exploratory programming.” So basically you can create some tests for you app based on javascript without needing a browser, but using rhino. With Mootools is a little complicated, as it needs [...]

Mootools ‘ajax’ request for local files or how to make ajax requests to a local file without the need of a web server.

Here we have documentation for both versions of mootools: 1.11 and 1.2 as chm files and cheatsheets. Cheatsheets are from http://mediavrog.net, but chm files I don’t know where are from, so if you know the author please let me know so I can link to his page here. The chm files can be opened in [...]

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 [...]