Best of JavaScript, HTML5 & CSS3 - Week of September 10, 2012

Best of JavaScript, HTML5 & CSS3 - Week of September 10, 2012:
Lots of tutorials this week and, even though there were fewer new library releases, the Yoeman release garnered a ton of attention and a number of follow up posts, including a beginner tutorial on the Adobe Developer Connection thanks to Andy Matthews. Yoeman seems deserving of the attention and I definitely recommend checking it out. While there are a lot of good posts this week, I also highly recommend the article on drawing pixels to the canvas by Dominic Szablewski - it is a fascinating read.

Tutorials

Eric Bidelman created a demo that captures live video from the webcam and creates a .webm file from it.

Creating .webm video from getUserMedia()

Pragmatic.js is a new style guide for JavaScript by Thomas Fuchs based upon his work on Zepto.

Pragmatic.js—A pragmatic style guide to JavaScript

A really fascinating article on complexities of scaling pixels in canvas for browser based game development by Dominic Szablewski.

Drawing Pixels is Hard

Dr. Axel Rauschmayer explains the difference betweens expressions and statements in JavaScript.

Expressions versus statements in JavaScript

Hugo Giraudel created some really nice button switches using checkboxes and CSS3.

Button Switches with Checkboxes and CSS3 Fanciness

Learn how to build creative web typography styles using CSS and lettering.js by Mary Lou.

Creative Web Typography Styles

Tom Wiltzius discusses stacking changes to position:fixed elements that has potential to break existing page layouts.

Stacking Changes Coming to position:fixed elements

Johnny Simpson discusses multiple solutions for dealing with having images for both standard and retina displays.

Designing for Retina Display

Nathaniel Smith shows how to use, mutate and combine function objects for cleaner code.

Functional Programming in JavaScript

Rob Larsen shows how to manage returning to the prior application state using the new history API.

Reuse and Recycle: The History API

Frameworks and Libraries

Yeoman went live offering a set of tools, frameworks and workflow for quickly developing web apps. If you're looking for a great overview of how to use it, check Andy Matthews tutorial.

Yeoman: Tooling and frameworks for apps

Yeoman isn't supported on Windows (yet!) but Praveen Vijayan shows how you can get it running.

Installing Yeoman Front-end development stack in Windows

Rebecca Murphey announces that Bocoup have revived her jQuery Fundamentals course, a complete rewrite of the site for jQuery 1.8.

Reviving jQuery Fundamentals

Brian Ford shows how to use Yeoman with AngularJS.

Using Yeoman with AngularJS

A hands-on tutorial covering building Express 3 applications on Node by Alex Young.

Express 3 Tutorial: Contact Forms with CSRF

Ben Nadel shows how to map AngularJS routes onto client-side URL parameters and rendering events.

Mapping AngularJS Routes Onto URL Parameters And Client-Side Events

Jack Franklin shows how to use the Bunyip project on Node to run test specs on multiple browsers.

Cross Browser Testing with bunyip

Mobile

Christophe Coenraets released his awesome PhoneGap API Explorer app on Android via Google Play.

PhoneGap API Explorer for Android now on Google Play

Simon Lüthi demonstrates an idea for a type of touch scrolling where instead of letting momentum stop the scrolling, it stops at the point where you flicked it.

Flick Scrolling

Raymond Camden shows how you can create a PhoneGap application using Parse.com that stores forms submissions for submission later when the application is offline.

Example of a Parse.com JavaScript application with offline support

New and Updated Frameworks and Libraries

Addy Osmani announces that Yeoman, a set of tools, libraries and workflow for quickly building web apps, is released.

Yeoman, At Your Service.

CSS Lint v0.9.9 is available via the command line and the web site and includes the ability to specify rules to ignore.

CSS Lint v0.9.9 now available

infuse.js is a new inversion of control library for JavaScript created by Romuald Quantin.

infuse.js ioc javascript library

BonsaiJS is a graphics library which includes an intuitive graphics API and an SVG renderer.

BonsaiJS - A Graphics Library

Etc.

JavaScript the Right Way is a new community reference for new and experienced developers covering best practices.

JS: The Right Way

CSSValues.com by Louis Lazaris is a quick reference for which values are valid for specific properties.

Introducing: CSSValues.com

DIGITAL JUICE