Weekend Links – Google Maps API, HeatMap API, googleDrive, MooTools Forms, jQuery Sparklines, Firebug

By  on  

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/

Recent Features

  • By
    5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Incredible Demos

  • By
    Assign Anchor IDs Using MooTools 1.2

    One of my favorite uses of the MooTools JavaScript library is the SmoothScroll plugin. I use it on my website, my employer's website, and on many customer websites. The best part about the plugin is that it's so easy to implement. I recently ran...

  • By
    MooTools 1.2 Image Protector: dwProtector

    Image protection is a hot topic on the net these days, and why shouldn't it be? If you spent two hours designing an awesome graphic, would you want it ripped of in matter of seconds? Hell no! That's why I've created an image...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!