sans-serif   serif

«

Recent Content

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 »

Google Apps to Drop IE6 Support in 2010

February 2, 2010

Just got this exciting email from Google Apps–though I’m afraid this still isn’t enough to be able to ignore IE6 within the next year.

Dear Google Apps admin,​ In order to continue to improve our products and deliver more sophisticated features and performance, we are harnessing some of the latest improvements [...]

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 »

Question: Why did you choose MooTools?

January 30, 2010

I’ll start: I was goofing around with prototype + scriptaculous, jquery, and mootools all at the same time. I was getting frustrated by all three since I was bouncing around between them. Finally, I had to make a decision about which framework I would settle into before learning the others. I [...]

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 »