sans-serif   serif

«

MooTools

Three Things You Should do with an Element-based MooTools Class

March 16, 2010

Is your MooTools class centered around an element? Here are three things you ought to be doing with it that you probably aren’t.

Read More »

Extending Element with your MooTools Class is Awesome

Almost every class that is centered around an element deserves a few element shortcuts. You’ve used them plenty of times already but maybe you haven’t written one.

Read More »

Object Oriented jQuery with MooTools (Pigs take flight)

March 4, 2010

If Element (with it’s dependencies) and jQuery as a whole are practically the same, what’s the big difference? Remove the overlap of the two frameworks and you’re left with the inheritance model of MooTools found in it’s module Class and the native extensions found in Native.

What happens if you use only Native and Class from MooTools to get an inheritence model and plug in jQuery for everything else? Yep, jQuery as a plugin for MooTools. Or inversely and maybe more appropriate, MooTools object oriented programming for jQuery.

Read More »

11 Tips for Creating Great MooTools Plugins

February 16, 2010

Here’s a sort of “best practices” that I follow when creating mootools classes in no particular order whatsoever.

Check the forge before starting Extend existing classes Add and remove events with methods named attach & detach Create Elements in methods named build Store the main element(s) as this.element & this.elements Ensure religiously that this always references the class instance Write methods to [...]

Read More »

jQuery 1.4, MooTools 1.2 Compared

February 5, 2010

I recently read “jQuery 1.4 Released: The 15 New Features you Must Know” over at Nettuts and thought it would be interesting to compare the features of MooTools 1.2 to the new features in Jquery 1.4, released 18 months later. Enjoy!

Read More »

MooTools ThreeSixty Viewer Featuring the iPad

February 1, 2010

I thought Apple’s new 360 degree product viewer was flippin’ awesome. So I created a feature light version in mootools last night. I hope to add more (like throwing) and clean up the api a bit, but still, this is sweet.

Read More »

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 »