Some examples of Mootools in action

I spotted this post over at the Mootools forums and thought I’d share. It’s really amazing how much you can get out of this little library. One of the things our new framework does is let us create functionality like this and deploy it so any producer/engineer can use it with relatively little effort.

Tabs

The original author asked me for a moo-conversion, work is in progress. Will refactor still much of the code and add support for Dragging into tabcontent (Dragging over a tab activates it).

http://dev.digitarald.de/tabs.html

Playground Dragging (Reverse Dragging)

Dragging reversed, wonky because onStart and onComplete have this 10ms delay, so in some situations the position is changing.

http://dev.digitarald.de/drag.html

Fly-over-background

Scrolling effect, like the effect in flash used on some nice sites. Scrolling from content to content that is attached to a big background image. Just a performance check ;)

http://dev.digitarald.de/tile.html

Ghost Dragging

Shopping Card dragging? Drag your favorite element and drop a copy of it, like in Rich Client Shopping cards or Item-to-Category. Very basic, added my personal spice with ajax and more checks inside my own rich client project ;)

http://dev.digitarald.de/ghostdrag.html

More to come (Better Lightbox, mooSelectBox, conversion of Floating Windows).

2 Responses to “Some examples of Mootools in action”

  1. Rick Says:

    Here’s another example of it in action:
    http://www.beautyindesign.com/joomlaos

  2. Luiz Júnior Fernandes Says:

    The fly over background exemple by digitarald was fixed to compile with IE. Check out in http://www.dotes.com.br/mootools/FlyOverBackground.html

Leave a Reply

You must be logged in to post a comment.