Magic Tricks

This is a great javascript resource, from Google:
“You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.”
https://developers.google.com/closure/library/

A great little script to test the Responsive-ness of your site. Visit Briccs

A good site to examine which browsers support what HTML5 features.
http://html5please.us/

@PaulIrish was kind enough to provide the a compendium of HTML5 Cross Browser Polyfills (Thanks Remy Sharp (@rem) ! ). To cite the page, it is a collection of ‘… shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don’t natively support them’. Follow this link to get your geek on.

Remy Sharp nails it with his remote Debugging Console. The tool can be found here: jsconsole and a brief description can be found here.

While many argue that designing responsive / adaptive page layouts in tools like Photoshop is a thing of the past ( and that browser based design is the new approach ), Elliot Jay Stocks offers up his thoughts (and a PSD and DEMO ) here:

A Better Photoshop Grid For Responsive Web Design

Thoughtful article on Typography in Responsive Design based on a musical scale by @viljamis
On Typography

Sectioning HTML5 content elements and friends (thanks HTML5 Doctor!)
http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf

In all of it’s simplicity, here is the HTML5 localStorage API:
(reminiscent of  local shared object) :

localStorage.setItem(‘dateOfBirth’, ’1984-07-22′);

localStorage.getItem(‘dateOfBirth’); // ’1984-07-22′

localStorage.length // num of items stored

localStorage.key(0); // ‘dateOfBirth’

localStorage.removeItem(‘dateOfBirth’);

localStorage.clear();

Read up on it here

Link Conditioner is a Bandwidth Throttler available Apple Developer Tools on OSX Lion. Visit StuntBox for more information.