Best of JavaScript, HTML5 & CSS3 - Week of May 7, 2012

Best of JavaScript, HTML5 & CSS3 - Week of May 7, 2012:
Lots of new libraries and plugins this week as well as a number of great tutorials on HTML5 features like application cache, audio, drag and drop file handling and requestAnimationFrame. The application cache article seems to have garnered some unwanted attention for its language but it really is a fantastic article and worth the read. I post these links as I discover them on Twitter or Facebook.

Tutorials

Andy Trice shows how to use JavaScript's prototypal inheritance to help debug complex problems

Prototypal Inheritance & Strategies for Debugging Tough Problems

Leigh Kaszick explains prototypes in JavaScript. A common topic but still seems to trip people up.

Prototypes in JavaScript

A fantastic article on the many complications of working with Application Cache by Jake Archibald.

Application Cache is a Douchebag

A great overview of the state of HTML5 Audio, both how to use it and cross-browser limitations.

HTML5 Audio — The State of Play

Nicholas Zakas shows how to get file references, drag and drop files and handle ajax uploading of files using JavaScript.

Working with files in JavaScript, Part 1

Alan Stearns shows how some extra CSS rules can prevent your web fonts from using faux bold & italics

Say No to Faux Bold

David Walsh shares a method developed by a colleague for detecting DOM node insertions using JavaScript and CSS Animations

Detect DOM Node Insertions with JavaScript and CSS Animations

DailyJS starts a new beginners JavaScript series by discussing primitive values and objects

JS101: Primitive Values and Objects

Learn how to use requestAnimationFrame for smooth animation in JavaScript with this video and code from Joe Zim.

requestAnimationFrame: Video Introduction to New Animation Techniques

Frameworks and Libraries

Handling security with the Meteor JavaScript framework.

Security with Meteor

Mobile

Raymond Camden shows how to set up console debugging when developing for PhoneGap and Android.

Setting up console debugging for PhoneGap and Android

New and Updated Frameworks and Libraries

jQuery.ish contains core jQuery features with a compatible syntax in only 500 bytes minified.

jQuery.ish

Restie is a JavaScript ORM for Node.js & browsers that talks to RESTful interface rather than database.

restie

HTML shell is a simple tool for generating the base HTML5 template for your pages.

html shell

BetterExamples.js is designed to improve the experience of inline JavaScript code examples.

BetterExamples.js

Illuminated.js is a 2D lights and shadows rendering engine for HTML5 applications via Gaetan Renaudeau.

Illuminated.js – 2D lights and shadows rendering engine for HTML5 applications

AppJS for Node allows you to build cross-platform desktop applications with HTML, CSS and JavaScript.

AppJS

Curtain.js jQuery plugin allows you to navigate multiple fixed panels that unroll with an curtain effect.

Curtain.js

leFunc provides type checking for functions and function overloads in JavaScript.

leFunc

ICT4PE&D