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
    Camera and Video Control with HTML5

    Client-side APIs on mobile and desktop devices are quickly providing the same APIs.  Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop.  One of those APIs is the getUserMedia API...

  • By
    Responsive Images: The Ultimate Guide

    Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...

Incredible Demos

  • By
    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...

  • By
    CSS Counters

    Counters.  They were a staple of the Geocities / early web scene that many of us "older" developers grew up with;  a feature then, the butt of web jokes now.  CSS has implemented its own type of counter, one more sane and straight-forward than the ole...

Discussion

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