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.
StyleBootstrap.info
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.
AtomizeJS
LucidJS is billed as an easy-to-use event emitter that lets you create your own event system or pipe in DOM events.
LucidJS
Comments
There are currently no comments for this entry...be the first!