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/
![JavaScript Promise API]()
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world...
![Serving Fonts from CDN]()
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
![Morphing Elements Using MooTools and CSS]()
Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal.
Step 1: The XHTML
The block of content that will change is...
![WebSocket and Socket.IO]()
My favorite web technology is quickly becoming the WebSocket API. WebSocket provides a welcomed alternative to the AJAX technologies we've been making use of over the past few years. This new API provides a method to push messages from client to server efficiently...