sans-serif   serif

«

MooTools

News Feed Ticker with MooTools SlideShow

June 8, 2010

Creating an animated news feed, or ticker as they are often called, is a snap with SlideShow.

Skip to the demo!

HTML

First we need to set up the html. Ideally you could generate a feed of articles from a blog, an rss feed, twitter, etc. In the end, keep the HTML simple. I’m going [...]

Read More »

SlideShow 1.0 released!

June 4, 2010

Finally! After 4 previous releases I feel that my SlideShow script is ready to have an official stamp of 1.0. This class has been through about every scenario I can think of. I’ve probably used it on half of all my client projects.

It’s not just a gallery plugin, this thing can handle any [...]

Read More »

Introducing moo4q.com

May 10, 2010

I’ve gotten some great response to combining MooTools Class with jQuery, therefore, I’ve created a site dedicated to the technique. I plan to keep it up to date with the most current versions of jQuery and MooTools.

Enjoy!

Check out moo4q.com

Read More »

Javascript Base64 turns a table into CSV

April 4, 2010

I’ve got a web application (aka: my resume) I wrote to track my business expenses, billing, invoicing, etc. In the app are several tables full of data. My accountant likes me to give him a bunch of stuff in excel or csv format. I’ve got a button on each interface that opens [...]

Read More »

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 »