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 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...
![7 Essential JavaScript Functions]()
I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener
and attachEvent
. Times have changed but there are still a few functions each developer should...
![Implementing Basic and Fancy Show/Hide in MooTools 1.2]()
One of the great parts of MooTools is that the library itself allows for maximum flexibility within its provided classes. You can see evidence of this in the "Class" class' implement method. Using the implement method, you can add your own methods to...
![Table Cell and Position Absolute]()
If you follow me on Twitter, you saw me rage about trying to make position: absolute
work within a TD
element or display: table-cell
element. Chrome? Check. Internet Explorer? Check. Firefox? Ugh, FML. I tinkered in the console...and cussed. I did some researched...and I...