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 WalshJanuary 20, 2014
5 Ways that CSS and JavaScript Interact That You May Not Know About
CSS and JavaScript: the lines seemingly get blurred by each browser release. They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely. We have our .js files and our .css, but...
By Landon SchroppApril 14, 2014
Write Better JavaScript with Promises
You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll...

By David WalshMarch 30, 2009
MooTools Flashlight Effect
Another reason that I love Twitter so much is that I'm able to check out what fellow developers think is interesting. Chris Coyier posted about a flashlight effect he found built with jQuery. While I agree with Chris that it's a little corny, it...
By David WalshApril 22, 2008
Morphing Elements Using MooTools and CSS
Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...