MooTools Tutorials

  • By
    Use Custom Missing Image Graphics Using MooTools

    Missing images on your website can make you or your business look completely amateur. Unfortunately sometimes an image gets deleted or corrupted without your knowledge. You'd agree with me that IE's default "red x" icon looks awful, so why not use your own missing image graphic? The MooTools JavaScript Note that...

  • By
    Skype-Style Buttons Using MooTools

    A few weeks back, jQuery expert Janko Jovanovic dropped a sweet tutorial showing you how to create a Skype-like button using jQuery. I was impressed by Janko's article so I decided to port the effect to MooTools. The XHTML This is the exact code provided by...

  • By
    MooTools & Printing – Creating a Links Table of Contents

    One detail we sometimes forget when considering print for websites is that the user cannot see the URLs of links when the page prints. While showing link URLs isn't always important, some websites could greatly benefit from doing so. This tutorial will show you...

  • By
    MooTools Flashlight Effect

    Another reason that I love Twitter so much is that I'm able to check out what fellow developers think is interesting. Chris Coyier posted about a flashlight effect he found built with jQuery. While I agree with Chris that it's a little corny, it...

  • By
    Follow MooTools on GitHub!

    We always look to follow projects on Twitter, follow people via thee RSS feed, and so on, but how about following the progress of a project on GitHub? You know, the place where the code actually lives? Here are the GitHub accounts for...

  • By
    MooTools, mediaboxAdvanced, and Mexico

    The lightbox is probably one of my favorite parts of the Web 2.0 revolution. No more having to open new windows (which can bog down your computer quite a bit) to see a larger image, video, etc. Instead, the item loads right into the...

  • By
    Implement jQuery’s hover() Method in MooTools

    jQuery offers a quick event shortcut method called hover that accepts two functions that represent mouseover and mouseout actions. Here's how to implement that for MooTools Elements. The MooTools JavaScript We implement hover() which accepts to functions; one will be called on mouseenter and the other...

  • By
    MooTools Class Creation Tips

    Writing MooTools classes can be a daunting task, even for a novice MooTools developer. Here are a few tips I've picked up along the way that will take your Moo plugin / class development to the next level. self = this Using the this keyword is essential...

  • By
    MooTools Gives You More

    Over the past couple of months, a huge addition to the MooTools plugin structure has been brewing. Today the MooTools team and its contributors are proud to announce the release of MooTools More: a huge addition of Clientcide plugins by Aaron Newton and...

  • By
    Following MooTools on Twitter

    A while back I posted links to various official and unofficial websites that would keep you up to date on the MooTools project. Here are a bunch of Twitter-related links that will get you even closer to the project. MooTools Devs & Contributors Official Twitter Account