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

Best of JavaScript, HTML5 & CSS3 - Week of May 14, 2012:
I obviously don't keep any statistics on this type of information, but just looking down the list of posts from this past week I feel safe is calling this the busiest week since I started doing this post many months ago. The topics were varied from discussions of JavaScript frameworks like Ember and Require to CSS pre processing with LESS and SASS to a variety of pure JavaScript and CSS tutorials. I know there's a lot of reading here, but trust me that I do my best to ensure that anything that makes this list is worth the time.

Tutorials

A good post by Joshua Bixby on ways to mitigate the performance risk of loading third-party JavaScript libraries.

Has your site's third-party content gone rogue? Here's how to regain control.

A great site by Dave DeSandro offering an intro to CSS 3D transforms with plenty of example code.

Intro to CSS 3D transforms

Nicholas Zakas continues his tutorial on working with files in JavaScript by reading data using FileReader.

Working with files in JavaScript, Part 2: FileReader

Learn to implement common JavaScript design patterns including adapter, decorator and factory by Joe Zim

JavaScript design patterns – Part 2: Adapter, decorator, and factory

A good post with lots of great tips from Nicole Sullivan on cross-Browser debugging your CSS.

Cross-Browser Debugging CSS

Raymond Camden shows how he used key range objects to filter IndexedDB data and create a filter as you type interface.

Adding "Filter as you type" support to IndexedDB

A really slick animated annotation overlay effect using CSS3 by Mary Lou on Codrops

Annotation Overlay Effect with CSS3

Another beginner discussion on understanding JavaScript prototypes, this one by DailyJS. It's a popular topic but still a worthwhile one.

JS101: Prototypes

Umar Hansa posts a good tutorial on flowing content using CSS Regions.

Diving Into CSS Regions

See how to create some really nice animated 3D bar chart using CSS3 in this tutorial by Sergey Lukin for Codrops.

Animated 3D Bar Chart with CSS3

Frameworks and Libraries

A great beginner's guide and sample app for the Ember.js JavaScript framework from Andy Matthews.

Flame on! A beginner's guide to Ember.js

Andrew Burgess posts a tutorial to get you started with Crockford's JSCheck spec-driven testing tool.

Meet Crockford's JSCheck

Eric Feminella shows how to add and organize dependencies using the RequireJS JavaScript framework

Organizing Require JS Dependencies

A screencast by Chris Coyier on how to get started with CSS preprocessing using SASS, Jade and CodeKit.

#111: Get Yourself Preprocessing in Just a Few Minutes

Chris Coyier compares SASS and LESS for CSS preprocessing and decides the winner is SASS - though his full answer isn't quite so simple.

SASS vs. LESS

Good tutorial from Danny Croft on unit testing in JavaScript with PhantomJS headless WebKit and CasperJS for navigation scripting.

Front-end Unit Testing with JavaScript

Mobile

Andy Matthews on how to dynamically create radio buttons in jQuery Mobile with Mustache templates.

Dynamically creating jQuery Mobile radio buttons with Mustache

Christophe Coenraets shows a simple offline data synchronization strategy for mobile web and PhoneGap apps

Simple Offline Data Synchronization for Mobile Web and PhoneGap Applications

Andy Matthews released a new jQuery Mobile listview sorting plugin called jQM TinySort

New jQuery Mobile listview sorting plugin jQM TinySort

New and Updated Frameworks and Libraries

lostorage.js is another HTML5 client-side storage microlibrary supporting localStorage and sessionStorage

lostorage.js

Vert.x is a server-side technology that lets you write your application components in JavaScript, Ruby, Groovy or Java

Vert.x- Effortless asynchronous application development for the modern web and enterprise

Terrence Ryan created PhoneGap Starter Productivity project on GitHub with ANT tasks to improve PhoneGap Build workflow

PhoneGap Starter Project - Productivity

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

leFunc

LLJS is another dialect that compiles to JavaScript with a C-like type system with manual memory management.

LLJS : Low-Level JavaScript

Javascript MESS is an attempt to post the MESS open-source multi-system emulator to JavaScript.

Javascript Hero: Success / Your Big Moment

Etc.

Apparently Google now offers a web-based JavaScript file and project editor as part of Google Drive.

Welcome to Google Docs

A good review of the status of proposals for supporting responsive images in HTML5 by Mat Wilto.

Responsive Images and Web Standards at the Turning Point

A web-based JavaScript to CoffeeScript syntax converter.

javascript to coffeescript

The GreenSock Animation Platform now supports both JavaScript and ActionScript.

Announcing GreenSock Animation Platform (GSAP) v12, now with tangy JavaScript flavor!

While admitting that it is still a super-beta (and technically still not intended for general use), Kevin Sweeney does an early review of Brackets for CreativeJS.

Brackets Review

DIGITAL JUICE