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 Eduardo BouçasJanuary 5, 2015
Write Simple, Elegant and Maintainable Media Queries with Sass
I spent a few months experimenting with different approaches for writing simple, elegant and maintainable media queries with Sass. Each solution had something that I really liked, but I couldn't find one that covered everything I needed to do, so I ventured into creating my...
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 WalshSeptember 3, 2014
Create a CSS Flipping Animation
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
By David WalshAugust 26, 2013
Pure CSS Slide Up and Slide Down
If I can avoid using JavaScript for element animations, I'm incredibly happy and driven to do so. They're more efficient, don't require a JavaScript framework to manage steps, and they're more elegant. One effect that is difficult to nail down with pure CSS is sliding up...