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
    Designing for Simplicity

    Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...

  • 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
    HTML5’s placeholder Attribute

    HTML5 has introduced many features to the browser;  some HTML-based, some in the form of JavaScript APIs, but all of them useful.  One of my favorites if the introduction of the placeholder attribute to INPUT elements.  The placeholder attribute shows text in a field until the...

  • By
    CSS :target

    One interesting CSS pseudo selector is :target.  The target pseudo selector provides styling capabilities for an element whose ID matches the window location's hash.  Let's have a quick look at how the CSS target pseudo selector works! The HTML Assume there are any number of HTML elements with...

Discussion

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