remote
     synthesis

Best of JavaScript, HTML5 & CSS3 - Week of February 13, 2012

Posted on Feb 20, 2012

A ton of great links this week including some new and updated libraries (Geometry.js, o_O, Flux Slider, IvanK Lib and Outcome.js), plus a ton of tutorials on PhoneGap, Backbone.js, Ember.js and Node.js among others. All of this in between a plethora of posts on the topic of browser prefixes (which I didn't cover here). As usual, if you want to keep up with these links as I find them, follow me on Facebook or Twitter.

Google's Dart programming language is being integrated into new version of the Chromium browser.
Google's Dart programming language integrated into new version of Chromium browser

See how to Transform HTML using JavaScript on the server with Node.js and jQuery from Dr. Axel Rauschmayer.
Transforming HTML with Node.js and jQuery

Geometry.js is a JavaScript geometry class for developing games and more (thanks to DailyJS for the link).
Nijikokun/Geometry.js - GitHub

Sam Saffron shows how to stop paying your "jQuery tax" by loading the framework in the footer.
Stop paying your jQuery tax

A version of Weinre ported to Node.js and installable via the Node Package Manager (npm) in this post from Patrick Mueller.
npm installable version of weinre

My post on determining page visibility with JavaScript using the Page Visibility API in HTML5.
Determining Page Visibility in JavaScript

If you're interested in the Ember.js JavaScript framework, you should read Gordon Hempton's anatomy of a complex Ember application.
Anatomy of a Complex Ember.js App Part I

An interesting (and slightly controversial) comparison of the Backbone.js and Ember JavaScript frameworks from Bori Smus.
Backbone and Ember

Learn how to manage linked source files across PhoneGap projects on OSX from Andy Trice.
Linked Source Files Across PhoneGap Projects on OSX

A comprehensive tutorial on adding internationalization/localization support to web apps using jQuery from Raymond Camden.
Adding Internationalization/Localization Support to Web Applications

Mariam Dholkawala shares some of her experiences building an HTML5 and JavaScript Concentration game with EaselJS and TweenJS.
HTML5 Game with EaselJS and TweenJS

A sweet demo using the JavaScript Web Audio API to illustrate an easter egg in the Inception score by Terrence Ryan.
Inception Score Easter Egg with Web Audio API

This looks like a useful tool. DroidLog is a console/error log for Android PhoneGap apps in this post from Joe Lambert.
DroidLog - A console/error log for Android PhoneGap apps

This is an awesome PhoneGap reference for beginners from Andrew Trice. Definitely worth bookmarking.
”What is PhoneGap?” & Other Common Questions

HTML5Rocks.com has a new look and reorganized content focused on games, business & mobile.
A fresh new look for HTML5Rocks.com

This is a nice overview of callback functions in JavaScript by Louis Lazaris.
Callback Functions in JavaScript

o_O is a JavaScript library for doing simple and flexible HTML binding.
weepy/o_O - GitHub

The Flux Slider has some really nice 2D and 3D HTML5/JavaScript transitions. Version 1.4.3 was just released.
Flux Slider v1.4.3 Released

Adobe's Christian Cantrell shows what's possible now and what's coming with CSS regions in this video.
CSS Regions: What’s Possible Now, and What’s Coming

See how to use Backbone.js and Twitter Bootstrap together in this JavaScript sample application from Christophe Coenraets.
Sample App with Backbone.js and Twitter Bootstrap

Another new JavaScript library for animation and games that, like EaselJS, is designed to be similar to the Flash API and familiar for existing Flash developers.
Looking to move from Flash to WebGL? IvanK brings the Flash API to JavaScript

Dr. Axel Rauschmayer takes a look at NaN and Infinity in JavaScript.
NaN and Infinity in JavaScript

This is a slick 3D Magic Carpet JS1k entry from Alistair MacDonald.
Magic Carpet - JS1k Entry

Version 3 of Mobile Boilerplate was released. It offers a template that simplifies getting started on your HTML5 mobile app.
Mobile Boilerplate v3.0 Released!

Outcome.js is a JavaScript flow-control library that helps you write less code for handling errors.
crcn/outcome.js

David Arno shows how to write a Node.js module in CoffeeScript.
Writing a node.js module in CoffeeScript

Get the skinny on JavaScript templating from Joe Zim.
JavaScript Templating: Adding HTML the Right Way

Comments

Processing video is one thing, but flash makes it in a proprietary, close-source way (AFAIK, correct me if i’m wrong). html5 vedio player offers easy way for web developers to present video or audio. When the HTML4 era ends, there will be no hacks, embed, object and other tags needed, javascript tricks to achieve this in any browser.On the other way, it will be hard for developers of browsers, BUT: it’s still better than having only one close-source technology to have video on site. There is a real concurrency between browsers, so their developers will surely try to make it the best way they can. Unlike Flash developers, in my opinion.

Posted By farook / Posted on 02/26/2012 at 10:19 PM