Best of JavaScript, HTML & CSS – Week of September 23, 2013



Lots of interesting stuff this week. I apologize for the lateness in getting this weekly update done but I am in Sofia, Bulgaria this week presenting at the DevReach conference. Enjoy!


Ryan Morr offers an alternative to JavaScript’s Try/Catch that offers better performance and is customizable.
Rethinking JavaScript’s Try/Catch

Derick Bailey explores how to use the File API and JavaScript to extract metadata from an audio file.
Getting Audio File Information With HTML’s File API And Audio Element

Chrome Canary has landed support for the <dialog> element behind a flag which can be used for popups in a web page.
<dialog> element: Modals made easy

Dr. Axel Rauschmayer shares a brief introduction to Unicode and how it is handled in JavaScript.
Unicode and JavaScript

Ray Messina shows how to mimic jQuery’s .has() method in CSS to automatically style a navigation element with children.
Targeting Menu Elements with Submenus in a Navigation Bar

Kirupa Chinnathambi shares and explains a JavaScript function to check if a user is using a touch enabled device.
Check If You Are On a Touch Enabled Device

Dr. Axel Rauchmayer explains the window object in JavaScript as well as how and why you might use it.
Tips for using window in JavaScript

Libraries and Frameworks

Eric Terpstra walks through how to build a multiplayer word game using Node.js and Socket.IO.
Building Multiplayer Games with Node.js and Socket.IO

Sean Voisen explains reactive programming concepts, how they’re beneficial and how they’re implemented in JavaScript using Bacon.js.
Functional Reactive Programming in JavaScript

Jesse Warden created a combined Node, Bower, Grunt cheat sheet as a beginner’s reference.
Node, Bower, Grunt n00b Cheat Sheet

Derick Bailey says that inconsistency across JavaScript Promise library API’s makes life difficult for users.
Consistency Problems With APIs In JavaScript Promise Libraries


Raymond Camden created a great reference for getting started with PhoneGap in his Cheat Sheet for DZone.
PhoneGap Cheat Sheet from DZone Refcardz

New and Updated Libraries and Frameworks

Flying Focus by Nikita Vasilyev uses JavaScript to make it clear where the tab focus has moved using an animation.
Focus transition

Brackets Sprint 31 includes live previewing of HTML  (in addition to the existing live previews of CSS).

JSModeler is a JavaScript framework for creating and visualizing 3D models.

AbsurdJS let’s you write and compile your CSS code using JavaScript.
Write Your CSS with JavaScript

dna.js is a JavaScript templating engine to dynamically build DOM elements from data supplied by JSON objects.
dna.js Template Cloner


Joan Lafferty walks through the steps to get started using Edge Reflow to play with CSS regions in Chrome.
Using Edge Reflow to play with CSS regions

Latest version of Edge Code has code completion for all CSS Region properties including flow-into and flow-from.
Edge Code Supports CSS Regions

CSS Regions now works in Safari on iOS7 and Edge Reflow is the first design tool to support CSS Regions.
The future of responsive layouts is here!

Reflow Cleaner is an experimental Brackets plugin by Terrence Ryan to clean up the generated HTML and CSS from Edge Reflow.
Reflow Cleaner

Leave a Comment