Badass JavaScript

A showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett.

Badass JS Roundup: Literate CoffeeScript, JavaScript Amiga Emulator, Gnuplot.js and More!

January 7th 2013

Today I have a little roundup of a few cool things I’ve seen around the web recently.  If you think I missed something awesome, please submit it and I might feature it in the future!

Literate CoffeeScript

Literate programming is an approach to programming introduced by Donald Knuth in the 1980s that seems to be getting a bit of a comeback lately.  A so-called literate program is a program that contains both an explanation of the logic in plain English interspersed with snippets of code that the machine can actually run.  Literate CoffeeScript enables this approach in CoffeeScript source files, as you can see in the following screenshot.  This looks to be an interesting (optional) addition to CoffeeScript, so check it out of you’re into that sort of thing.

image

JavaScript Amiga Emulator

Rupert Hausberger is working on an Amiga emulator written in JavaScript called the Scripted Amiga Emulator.  You can run some demos and games right in your browser (though I could only get it to work in Chrome and Firefox).  It uses WebGL, the Web Audio API, FileReader and lots more cutting edge browser goodness, and it’s all opensource, so check out the code on Github!

Gnuplot Compiled to JavaScript with Emscripten

Compiling stuff using Emscripten is all the rage at the moment it seems.  This is a compilation of the Gnuplot data visualization library written in C to JavaScript using Emscripten.  It actually seems pretty fast too!

image

Extra stuff

Meteor 0.5.3 was released today.  I haven’t played with Meteor yet but it looks really cool. If you haven’t looked at it yet, I think it is one to look at in 2013 for its full stack, live updating goodness.

Zach Holman’s article on retina displays and the web is a good reminder that web developers need to start thinking about HiDPI displays when building new apps for sure, and even updating old software to make it look halfway decent on hi-res screens.  This is going to be important in 2013 and beyond.

HTML5 Rocks has two great articles you should read, on the Shadow DOM and Sandboxed iFrame features of cutting edge browsers like Chrome.