sans-serif   serif

«

MooTools

MooTools Fx.Transitions Demo

January 28, 2010

The old demos for mootools 1.11 had a fun little widget that showcased the different transitions available in mootools. I’ve recreated it here. Just click anywhere in the box to see the transition. Enjoy!

Read 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. We’ll also talk about managing events added to elements and some discussion about binding. If you still consider yourself a beginner, understanding this article should be a big deal. Once you master Class your javascript will never be the same.

Read More »

Screencast: Adding Your Own MooTools Plugins to the Forge

January 26, 2010

The MooTools forge is awesome. This screencast shows you how to make it more awesome by adding your own mootools plugins to the forge. It features my newest plugin, Fx.Scroll.Carousel, though I wish I could have done this screencast for SlideShow instead, since it’s my favorite plugin I’ve made so far. Enjoy!

Read 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. 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.

Read More »

Event Delegation with MooTools–Quit Selecting all Those Elements!

January 16, 2010

Event delegation rules the school. Instead of adding events to 300 elements you just add an event to the parent element and it’ll delegate the event down to it’s children, like every good parent would. The benefits? 1) Efficiency, 2) “Set it and forget it”, 3) Makes attaching and detaching events in a class easier, 4) Makes you look cool, and that after all, is the point of being a web developer instead of a surfing instructor.

Read More »

JQuery 1.4’s new ‘until’ methods caught my eye … introducing Element.GetUntil

January 15, 2010

So I did what every good mootools developer would … extended MooTools to do the same.

Read 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. [...]

Read 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, [...]

Read 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.

Read More »

Basic AJAX and JSON Requests Using MooTools’ Request.HTML and Request.JSON

January 2, 2010

The best designs aren’t noticed. When you walk through an airport and get exactly where you intend to go, you don’t realize and attribute it to an excellent way-finding design. Such is the case with the web.

Ajax and JSON requests can subtly enhance the usability of a site where the user doesn’t notice the site “thinking” as much as all the page loads of yesteryear. Try the search on this site to see what I mean. After going through this tutorial you’ll have a solid foundation to use this powerful feature of the web with mootools.

Read More »