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

Posted on Feb 27, 2012

Another busy week made it hard to keep up with the steady flow of great posts while I was away on vacation. Thus, many of these will even be new to those of you who follow me on Facebook and Twitter where I usually post them as I find them. I didn’t pick up on any themes in this week, just lots of great tutorials and a handful of interesting new libraries. The browser prefix debate seemed to cool off though not completely fade this week. Enjoy.

Tutorials and Demos

Leverage functional constructs in JavaScript libraries in Node.js using CoffeeScript via Andrew Glover
Functional JavaScript with CoffeeScript and Node

Joe Zim demonstrates how to achieve functional inheritance through using mixins in JavaScript.
JavaScript Mixins for Functional Inheritance

A deeper look at rules and some oddities in what is a valid JavaScript variable name, including a link to a JavaScript variable name validator application.
Valid JavaScript variable names

Create content areas within an accordion with animated opening and closing using CSS3 and checkbox or radio inputs.
Accordion with CSS3

Gregg Tavares created a real-time editable ByteBeat audio generator using HTML5 and JavaScript. Code is posted to Github.
HTML5 ByteBeat

Thibaut Despoulain created a 3D rendered Tron disk with a animated lights that glow using Three.js. He shows how the glow effect was created here.
(WebGL) Animated selective glow in Three.js

A great comparison of the three leading HTML5/JavaScript drawing libraries, Paper.js, Processing.js and Raphael, including samples and examples.
Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael

Adobe evangelist Mihai Corlan documents his experience building a mobile application using jQuery Mobile, and documents specifically some of the differences between how the original Flex/AIR version was built versus HTML/JavaScript.
aTabSplitter – the web standards edition

Robert Nyman shows how to save images, and other filetypes, using the browser’s localStorage API. It shoudl be noted that most items seem to work with both Firefox and Chrome, though not the blob return type. Many do not work in IE as well as Safari and Opera.
Saving images and files in localStorage

StyleBootstrap lets you visually customize the design for your Bootstrap site.

New and Updated Libraries

Chai is a TDD/BDD assertion library for JavaScript for Node & browser that works well with Mocha
Getting Started with the Chai Assertion Library

Filament Group releases a new JavaScript project, Overthrow.js, to help fill in the gaps of support for the overflow property on mobile browsers.
Overthrow: An overflow polyfill for responsive design

AtomizeJS is a new JavaScript library that implements Distributed Software Transactional Memory to write in-browser applications that are both concurrent and distributed.

LucidJS is billed as an easy-to-use event emitter that lets you create your own event system or pipe in DOM events.


There are currently no comments for this the first!

Write your comment

(it will not be displayed)


My name is Brian Rinaldi and I am the Web Community Manager for Flash Platform at Adobe. I am a regular blogger, speaker and author. I also founded RIA Unleashed conference in Boston. The views expressed on this site are my own & not those of my employer.