Weekend Links – Google Maps API, HeatMap API, googleDrive, MooTools Forms, jQuery Sparklines, Firebug

By David Walsh on July 19, 2008

Density Map Tutorial -- Prototype, Google Maps API, and the HeatMap API

HeatMap allows you to create heat maps on top of Google Analytics. A very impressive script that requires little code from the developer.

googleDrive is a script written by PhatFusion. Why drag the Google Map when you can just drive around it? Grand Theft Google!

Web forms can be bland and boring but they don't have to be! Here's a list of MooTools scripts that will make your forms pop!

Sparklines is a mini chart-building script built with jQuery. The charts aren't anything too special but they're simple and effective.

John Resig as joined the Firebug team at Firefox! Glorious!

By David WalshJuly 28, 2011
Animating CSS3 Transforms with MooTools Fx
I recently posted an awesome (if I may say so myself) CSS3 / MooTools tutorials called Create a Photo Stack Effect with Pure CSS Animations or MooTools. The post presented two ways, a pure CSS method or MooTools-powered class, to duplicate Google+'s elegant photo stack...
By David WalshFebruary 18, 2013
Create a Sheen Logo Effect with CSS
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...

By David WalshMarch 11, 2009
Implement jQuery’s hover() Method in MooTools
jQuery offers a quick event shortcut method called hover that accepts two functions that represent mouseover and mouseout actions. Here's how to implement that for MooTools Elements. The MooTools JavaScript We implement hover() which accepts to functions; one will be called on mouseenter and the other...
By David WalshSeptember 19, 2011
Introducing MooTools Templated
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating: new Element Madness The first way to create UI-driven...