Best of JavaScript, HTML5 & CSS3 - Week of July 30, 2012

Best of JavaScript, HTML5 & CSS3 - Week of July 30, 2012:
If you love to learn, this was a great week with so many highlights, it is hard to choose the best. Don't miss Christian Cantrell's look at how to create magazine-like layouts using CSS regions and exclusions. You have to read Addy Osmani's look at MVC and frameworks in JavaScript. There are some good, short looks at some cool HTML5 and CSS features by Johnny Simpson and Louis Lazaris. Plus this week also features a number of cool new libraries and frameworks being released, the latest issue of Appliness and a bunch more.

Tutorials

An excellent look at creating magazine-like layouts for the web with CSS Regions and Exclusions by Christian Cantrell.

Magazine-like Layout for the Web with CSS Regions and Exclusions

Callback Hell is a really useful, short guide to writing asynchronous JavaScript.

Callback Hell

Hugo Giraudel shows how to make an animated pie timer using CSS.

CSS Pie Timer

Learn the basics of how Shadow DOM works and how you can use it from Colin Ihrig.

The Basics of the Shadow DOM

My continuing series on learning HTML5 features covers CORS (cross-origin resource sharing). I show how to use JavaScript to connect to CORS-enabled API's.

Getting HTML5 Ready - CORS

A nice review of how to use the HTML5 Gamepad API in Chrome with a really ugly joystick by Raymond Camden.

Got a new Chrome? Got a joystick? Check out the Gamepad API

Ian Devlin posts a really useful list of "gotchas" when working with HTML5 audio and video.

Multimedia Troubleshooting

Microsoft has put together what looks like a nice HTML5/CSS3 fundamentals video training series for absolute beginners.

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

Nice demo and tutorial of creating photo booth strips with HTML, CSS and Lightbox 2 by Mary Lou.

Photo Booth Strips with Lightbox

Josh Marinacci's book, Canvas Deep Dive, a comprehensive look at HTML5 Canvas is now free and open-source.

Canvas Deep Dive Source is Released

Louis Lazaris looks at a number of new items from the CSS specifications like toggle, variables, viewport, compositing and more.

Creeps and Weirdos in the CSS Spec

Good short introductions to HTML5 application building features like notifications, local storage and more by Johnny Simpson.

An Introduction to HTML5 Application Building Features

Frameworks and Libraries

Alex Young continues his Backbone.js hacker's guide by taking a look at Router and Views. Backbone.js: Hacker's Guide Part 3

A look at the jQuery proxy function by Ryan Anklam.

jQuery Function Of The Week: proxy

David Walsh posts 10 features of Dojo Toolkit that he thinks will convince you to use it.

10 Reasons Why Your Projects Should Use the Dojo Toolkit

Want to learn to use the Meteor framework? Andrew Scala reviews the fundamentals and best practices.

Learn Meteor Fundamentals and Best Practices

A nice introduction to RequireJS by Jack Franklin.

Introduction to RequireJS

A really incredibly useful overview of the "JavaScript MVC Jungle" by Addy Osmani. Gives an overview of MV* in general and then details on a bunch of popular frameworks. A must read!

Journey Through The JavaScript MVC Jungle

Mobile

Andrew Trice shows how to emulate PhoneGap/Cordova apps within a desktop browser using emulate.phonegap.com.

Emulating PhoneGap/Cordova Apps in the Desktop Browser

Raymond Camden shares an example of how to handle form validation in a jQuery Mobile application.

Example of form validation in a jQuery Mobile Application

New and Updated Frameworks and Libraries

Sidetap is a new platform independent mobile framework using the side navigation pattern from apps like Facebook on iOS.

This is Sidetap - a mobile framework.

rAppid.js is a new Javascript MVC framework by Tony Findeisen that uses XAML for templates.

rAppid.js - the Rich Internet Application Javascript MVC Framework

YUI 3.6.0 includes improvements to test coverage, app framework, uploader, graphics module and more.

Announcing YUI 3.6.0

Walrus is a templating library inspired by Mustache and others but with some differences in philosophy and style.

walrus

Bernhard Robert Pichler created DartFlash, an open source port of the Flash API to Dart and HTML5.

dartflash

Lea Verou releases Prism, a new, lightweight, extensible syntax highlighter based upon the one built into Dabblet.

Introducing Prism: An awesome new syntax highlighter

Flex, by Jason English, is a very cool fluid asymmetrical animated grid plugin for jQuery.

jQuery plugin - Flex - Demo

Rivets.js is a declarative data binding facility that plays well with existing frameworks such as Backbone and Spine.

Rivets.js — A declarative data binding facility

BinaryJS is a framework using websockets to send, stream & pipe binary data bidirectionally between JavaScript & NodeJS.

BinaryJS - Realtime binary streaming for the web using websockets

Etc.

The August issue of Appliness magazine for developers includes an interview with Paul Irish.

Check the August issue with Paul Irish

Classes were accepted as part of ECMAScript.next and Dr. Axel Rauschmayer explains how they will work.

ECMAScript.next: classes

DIGITAL JUICE