Popular:

MooTools Tutorials

  • By
    Sexy Album Art with MooTools or jQuery

    The way that album information displays is usually insanely boring. Music is supposed to be fun and moving, right? Luckily MooTools and jQuery allow us to communicate that creativity on the web. The XHTML A few structure DIVs and the album information. The CSS The CSS...

  • By
    Implementing .css() and .attr() in MooTools 1.2.3

    Very rarely does a developer have the ability to work with just one framework. Often a developer needs to float between MooTools and jQuery. As you can imagine, doing so can make a developer loopy due to the syntax difference. One of the...

  • By
    Comment Preview Using MooTools

    Comment previewing is an awesome addition to any blog. I've seen really simple comment previewing and some really complex comment previewing. The following is a tutorial on creating very basic comment previewing using MooTools. The XHTML You can set up your XHTML any way you'd like.

  • By
    Implement MooTools’ Elements.addEvent in jQuery

    One thing that I've always disliked about the jQuery JavaScript framework is its syntax for adding event listeners to elements. The way to add a click event to an element using jQuery is: I love OOP so the above code tells me that a click is...

  • By
    Implementing Element.hasEvent in MooTools 1.2.3

    MooTools allows you to easily add event listeners to elements using the addEvent and removeEvent methods. One thing MooTools doesn't have is a hasEvent method which will check an element's list of listeners to see if the element has been assigned a specific function per...

  • By
    Flext: MooTools Auto-Growing Textrea Plugin

    A while back David Walsh published a list of 7 MooTools Plugins You Should Use on Every Website which included 'AutoGrow' a text area expander plugin. 'AutoGrow' is very similar in results to the class I wrote for Education.com, Flext. I decided to release this...

  • By
    Implementing jQuery’s “One” Functionality in MooTools

    I like the idea behind jQuery's "one" event method. You allow an event function to be triggered once per Element; after its initial run, the function is removed, never to be heard from again (a.k.a until the next page load). I think there...

  • By
    iPhone Checkboxes Using MooTools

    One of the sweet user interface enhancements provided by Apple's iPhone is their checkbox-slider functionality. Thomas Reynolds recently released a jQuery plugin that allows you to make your checkboxes look like iPhone sliders. Here's how to implement that functionality using the beloved...

  • By
    Dress Up Your Select Elements with FauxSelect

    I received an email from Ben Delaney a few weeks back about an interesting MooTools script he had written. His script was called FauxSelect and took a list of elements (UL / LI) and transformed it into a beautiful Mac-like SELECT element.

  • By
    Support MooTools on Twitter via Twibbon!

    Just a secret between you and I: MooTools is the best JavaScript framework out there. I mean it. It's compact, reliable, flexible, and as free as the air (not Adobe) you and I breathe (except persons on oxygen tanks -- I assume...