Archive for 'MooTools'

Website of the day: Floom

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

Clientside validation for accessible forms with mootools

As we discussed in a previous article about forms -Basic copy-paste accessible contact form -  we made the form validation accessible using a class that will highlight and point to the elements that need to be filled or corrected in case the validation failed.
Now, the only weak point form the user’s point of view is the [...]

Mootools with touch events

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

Mootools – browser sniffing

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.
For example Chrome. Is ok, is webkit, [...]

testing mootools apps using rhino shell

As the guys form mozilla says “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 a browser [...]

Mootools “ajax” request for local files

Ok,ok, I know is a contradiction in terms, but this is a problem encountered by a lot of newbies , and sometimes a feature like this would be useful to be able to copy the whole js into a local folder, and run it form here, without being forced to start a web server on [...]

Mootools off-line documentation

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

How to create a product viewer using mooZoom

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

Create window-like element with mootools

We continue our serie 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, to obtain what we want. This tutorial is a [...]

Mootools 1.2 stable is out!

It seems that MooTools team just released the stable 1.2 version of popular framework mootools. Great job, and a big step forward.My only concern is what is 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 said “At least you can download, right?”  Again, congratulations! [...]