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

Best of JavaScript, HTML5 & CSS3 - Week of May 21, 2012:
Another very busy week this week including many new libraries and general JavaScript and HTML5 tutorials. Sorry for the delay in posting but between the holiday yesterday and travel, things got delayed. In fact, there are some posts from last week still in my reading queue, just  in case you’re wondering why your article didn't make it into my list this week. I am spending this week in San Francisco at the Fluent conference, which is O’Reilly’s JavaScript conference. If you happen to be attending, please say hello.

Tutorials

Raymond Camden creates a registration form where your picture gets clearer as the form is completed with getUserMedia & CSS filters

Example of getUserMedia and CSS Filters

See how custom data-* attributes in HTML5 can be used for one-way data binding from Eric Bidelman

Data Binding Using data-* Attributes

An interesting article on creating self-updating 3rd party scripts by Steve Souders that allows for script to be cached until update needed

Self-updating scripts

Get the details on requestAnimationFrame API changes now with a floating point millisecond measurement from Paul Irish.

requestAnimationFrame API: now with sub-millisecond precision

Scott at Filament Group shares a library for handling issues with using CSS position fixed on some mobile browsers.

A different approach to qualifying CSS position: fixed

Nicholas Zakas continues his series on working with files in JavaScript covering progress events and dealing with errors when reading a file.

Working with files in JavaScript, Part 3: Progress events and errors

Ryan Stewart shows how the new requestAnimationFrame API is for more than just animation and in this tutorial shows how it can be used to optimize dragging.

Using requestAnimationFrame to Optimize Dragging Events

David Walsh explains how to use JavaScript’s new CustomEvent API to take the trickery out of creating and triggering custom events.

JavaScript CustomEvent

Frameworks and Libraries

Curtis Commings shows how to build a contact manager using the lightweight CanJS JavaScript framework.

Diving into CanJS

Andy Matthews posts an thorough walkthrough on how to unit test a jQuery plugin with Grunt and QUnit.

Unit Testing jQuery Plugins with Grunt and QUnit

Mobile

Terrence Ryan released PhoneGap Build Watcher which is designed to streamline the workflow of waiting on and installing device-specific app builds.

PhoneGap Build Watcher

Raymond Camden shows how to create a touch-and-hold context menu in a jQuery Mobile application.

Context Menu Example with jQuery Mobile

See how to smooth out the rough edges when integrating Ruby on Rails and jQuery Mobile for your mobile application with this article by John Bender.

Integrating Rails and jQuery Mobile

New and Updated Frameworks and Libraries

tablesort.js a small and simple JavaScript library with no dependencies for sorting HTML tables.

Table Sorting

jwerty is a JavaSript lib allow binding, firing and asserting key combination strings against elements and events.

jwerty - Awesome handling of keyboard events

BackStack is a new Backbone.js plugin by Piotr Walczyszyn for managing view navigation with nice transitions. Intended for mobile development but also usable for web.

Intro to BackStack a Backbone.js views navigation library

Louis Remi announces the release of Activable, a JavaScript framework for creating click-based, declarative HTML UI components.

Activable: a modern approach to UI components

Chico UI is a free and open source collection of UI widgets and tools built on jQuery.

Chico UI

Architect is a new web-based Javascript template editor by Roland Warmerdam that supports Mustache, Handlebars, Jade & many more.

Architect, a Javascript template editor

Etc.

A good update by Vincent Hardy from the May 2012 CSS and SVG W3C Working Group Hamburg Meetings. Includes discussion of CSS compositing, Blending, Shaders and more.

Report from the Web trenches: notes from the May 2012 CSS and SVG W3C Working Group Hamburg Meetings

DIGITAL JUICE