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 WalshMay 7, 2012
Detect DOM Node Insertions with JavaScript and CSS Animations
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
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 David WalshJanuary 30, 2012
Image Data URIs with PHP
If you troll page markup like me, you've no doubt seen the use of data URI's within image src attributes. Instead of providing a traditional address to the image, the image file data is base64-encoded and stuffed within the src attribute. Doing so saves...
By David WalshNovember 26, 2012
Animated 3D Flipping Menu with CSS
CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more. I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...