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/
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Convert XML to JSON with JavaScript]()
If you follow me on Twitter, you know that I've been working on a super top secret mobile application using Appcelerator Titanium. The experience has been great: using JavaScript to create easy to write, easy to test, native mobile apps has been fun. My...
![Create a Sprited Navigation Menu Using CSS and MooTools]()
CSS sprites are all the rage these days. And why shouldn't be? They're easy to implement, have great upside, and usually take little effort to create. Dave Shea wrote an epic CSS sprites navigation post titled CSS Sprites2 - It's JavaScript Time.
![Duplicate the jQuery Homepage Tooltips Using Dojo]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using Dojo.
The XHTML
The above HTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...