Treehouse

This Moo’s For You! MooTools 1.2 Has Arrived!

By on  

U2's been singing this week because Monday was a beautiful day. Monday marked the release of MooTools 1.2, a landmark release. CNET's Aaron Newton (and MooTools developer) was so blown away by Valerio and Co's new ideas that he wanted to name this release 2.0 but Valerio chose to keep this version as 1.2. If you'd like details on the new improvements, please visit the MooTools blog.

Even though Moo 1.2 was just officially released, I've been delivering no-bull MooTools 1.2 articles for months now. Download the newest Moo and check out my articles:

 

ydkjs-3.png

Recent Features

  • Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

  • Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event,...

Incredible Demos

  • 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 /* hover! */ Element.implement({ 'hover': function(fn1,fn2) { return this.addEvents({ 'mouseenter': function(e) { fn1.attempt(e,this); }, 'mouseleave': function(e) { fn2.attempt(e,this); } }) } }); We implement hover() which accepts to functions;...

  • Build a Toggling Announcement Slider Using MooTools 1.2

    A few of my customer have asked for me to create a subtle but dynamic (...I know...) way for them to advertise different specials on their website. Not something that would display on every page, but periodically or only the homepage. Using a trick...

Discussion

  1. Well, since I’ve started reading your articles, I’ve seen countless mentions of MooTools, yet I’ve been in the dark; time to change this.

    Do you have anything you’d recommend to start me off?

  2. @Will: You should have mentioned this earlier! The more Moo, the better!

    I suggest starting with “Using MooTools For Opacity”. It covers some basic Moo usage. From there, move on to “Basic Ajax Requests Using MooTools 1.2″. Be sure to have the MooTools documentation open in another window.

    Moo is a lot of fun — go for it!

  3. MooTools is great! It’s my only choice at this moment. And it has great documentation.
    You can very easily extend it using your own classes and the framework itself is fully modular.

    It changed my life as a web-developper, I am very curious about its future.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!