This is a demo for this blog entry. Download this.

MooTools for Beginners Part 1 – The Basics

December 28, 2009

This is basic tutorial to help get you started with mootools. We’ll be manipulating elements, adding and removing event listeners, and playing with magic.

Learn More »

MooTools for Beginners Part 2 – Instantiating objects and managing state

December 29, 2009

In part one we made use of Element.tween. A lot of the mootools classes have what I call element shortcuts that look like $('el').tween(), .morph(), .load() etc. Instead of using these shortcuts you can create an instance of these classes in an object and open up a lot more control.

Learn More »

MooTools for Beginners Part 3 – Effects (Fx)

January 9, 2010

Most people’s interest in a javascript framework lies in the animation effects. MooTools has the best. This article will not only show you the various ways to use effects, but will also talk a little about the philosophy of mootools.

Learn More »

MooTools for Beginners Part 4 – Selecting and Manipulating DOM Elements

January 12, 2010

Most of the time the whole point of using mootools is to manipulate an element or collection of elements. (But not always, as you’ll see in Part 5.) Now that you know some basics we’re going to get more in depth by learning the various ways to select dom elements to manipulate them–traversing the dom, [...]

Learn More »

MooTools for Beginners Part 5 – Native Extensions

January 14, 2010

In Part 4 we looked at the myriad ways to select elements in the dom. Well, today we are ignoring the dom altogether. Aaron Newton once said that “MooTools aims to make JavaScript your playground [not just the DOM].” MooTools extends a lot of JavaScript natives, like Functions, Strings, Numbers, etc.

Learn More »

MooTools for Beginners Part 6 – Coding an Animated Menu with `Class`

January 19, 2010

When I first started working with MooTools I was writing code that was typically a series of functions and a lot of logic inside of my domready code. After a while I had a nagging feeling that there was a better way to write code. There is, and it’s called Class. If MooTools were barbeque, Class would be the sauce–and the sauce is the boss.

Learn More »

MooTools For Beginners Part 7 – Creating Flexible Classes Using Options, Events, and Event Management

January 27, 2010

Last time we compartmentalized some code into a nice little MooTools Class called BouncyMenu that we can use anywhere. However, there are some HUGE improvements to be made. In this article we’ll be talking about how to make your MooTools Class flexible by using Implements, Options, and Events. Once you master Class your javascript will never be the same.

Learn More »