For Beginners
This series of articles aims to get you up and running with mootools, from javascript animations to ajax requests and finally building your own highly reusable mootools plugins.
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. In this and the next few articles in MooTools for Beginners I hope to write the articles I was looking for when figuring how to write javascript with Class.
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. [...]
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, [...]
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.
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.
MooTools for Beginners Part 1 – The Basics
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.