Best of JavaScript, HTML5 & CSS3 - Week of August 20, 2012

Best of JavaScript, HTML5 & CSS3 - Week of August 20, 2012:
This week includes a number of interesting new libraries and frameworks and a couple of newly released previews of both Shadow and Edge Animate. Also, for obvious reasons the topic of building sites for retina displays is a very hot one, and this week features a great article on the topic by Reda Lemeden.

Tutorials

My latest post in my HTML5 series covers everything you ever wanted to know about using the ContentEditable and DesignMode attributes, including examples and browser support.

Getting HTML5 Ready - ContentEditable

Raymond Camden shares an interesting proof of concept to export and save data from an IndexedDB datasource.

Proof of Concept - Build a download feature for IndexedDB

Really cool concept for unfolding 3D image thumbnails by Mary Lou uses CSS 3D transforms.

Unfolding 3D Thumbnails Concept

Pamela Fox explains how she used the Google AJAX API to create geo-targeted house ads.

Geo-Targeted House Ads

A really good article covering designing for multiple screen densities, specifically targeting retina, by Reda Lemeden.

Towards A Retina Web

Libraries and Frameworks

Holly Schinsky walks through a ton of features in Twitter Bootstrap for styling your applications including code samples for each.

Styling your apps with Twitter Bootstrap

Rod Vagg explains some of the Ender libraries and how Ender bundles these libraries for the browser.

How Ender Bundles Libraries for the Browser

See how to handle resize, fullscreen and liquid layouts using CreateJS and HTML5 canvas by Fabio Biondi.

CreateJS and HTML5 Canvas: resize, fullscreen and liquid layouts

Andrew Trice shows how you can use HTML/JS templates in Underscore.js to generate things other than HTML, such as XML.

Using HTML/JS Templates to Generate More Than Just HTML

Mobile

Get the details on PhoneGap Build's new Hydration feature from Raymond Camden.

PhoneGap Build adds Hydration

Johnny Simpson begins a series on creating a mobile web application for iOS and Android by discussing mobile design.

Creating a Mobile Web Application Part 1: Mobile Design

New and Updated Libraries and Frameworks

ConfiGAP 1.0 alpha is available and helps you easily create config.xml files used by PhoneGap Build.

ConfiGAP 1.0 alpha now available!

Keystrokes.js is a library for nicely displaying keyboard shortcuts for your users.

Keyboard

Version 0.4.2 of Mojito was released and moves from Mustache to Handlebars as the default view engine.

mojito

Infinity.js, built by Airbnb, speeds up scrolling through long lists and keeps infinite feeds smooth and stable.

Infinity.js

oriDomi is a cool library with jQuery support that allows you to fold up DOM elements like paper.

oriDomi - Fold up the DOM like paper.

ParticularJS is a dependency-free, modular particle engine for HTML5 canvas created by Jason Montalto.

ParticularJS : A particle engine for html5

John Polacek created this jQuery plugin for adding fit-to-fill background videos to websites.

BigVideo.js

Ideal Forms is a framework for building and validating responsive HTML5 forms.

Ideal Forms

Etc.

Adobe Shadow Lab Release 4 is out and includes improved remote inspection, UI improvements, screenshot updates and more.

Adobe Shadow

The Adobe Edge Animate (formerly just Edge) preview 7 is out and includes resizable layouts, rulers/guides, shadows, timeline grid and more.

Adobe Edge Animate Preview

DIGITAL JUICE