Weekend Links – Google Maps API, HeatMap API, googleDrive, MooTools Forms, jQuery Sparklines, Firebug
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.
http://jeffreybarke.net/2008/07/density-map-tutorial/
googleDrive
googleDrive is a script written by PhatFusion. Why drag the Google Map when you can just drive around it? Grand Theft Google!
http://phatfusion.net/googleDrive/
10 MooTools Scripts For Enhancing Your Web Forms
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!
http://www.catswhocode.com/blog/web-development/10-mootools-scripts-for-enhancing-your-html-forms-28
jQuery Sparklines
Sparklines is a mini chart-building script built with jQuery. The charts aren't anything too special but they're simple and effective.
http://www.omnipotent.net/jquery.sparkline/
John Resig -- Firebuggin'
John Resig as joined the Firebug team at Firefox! Glorious!
http://ejohn.org/blog/firebuggin/
![Responsive Images: The Ultimate Guide]()
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
![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...
![Create a Simple Slideshow Using MooTools, Part II: Controls and Events]()
Last week we created a very simple MooTools slideshow script. The script was very primitive: no events and no next/previous controls -- just cross-fading between images. This tutorial will take the previous slideshow script a step further by:
Adding "Next" and "Previous" controls.
Adding...
![Animated Progress Bars Using MooTools: dwProgressBar]()
I love progress bars. It's important that I know roughly what percentage of a task is complete. I've created a highly customizable MooTools progress bar class that animates to the desired percentage.
The Moo-Generated XHTML
This DIV structure is extremely simple and can be controlled...