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/
![9 Mind-Blowing Canvas Demos]()
The <canvas> element has been a revelation for the visual experts among our ranks. Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead. Here are nine unbelievable canvas demos that...
![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...
![Use Custom Missing Image Graphics Using Dojo]()
A few months back I posted an article about how you can use your own "missing image" graphics when an image fails to load using MooTools and jQuery. Here's how to do the same using Dojo.
The HTML
We'll delegate the image to display by class...
![9 Incredible CodePen Demos]()
CodePen is a treasure trove of incredible demos harnessing the power of client side languages. The client side is always limited by what browsers provide us but the creativity and cleverness of developers always pushes the boundaries of what we think the front end can do. Thanks to CSS...