JavaScript frameworks, tools and techniques to create killer applications

Web browsers are becoming more and more powerful, and JavaScript is definitely making the web an ever more interesting place. In this article, I have compiled the most interesting JavaScript frameworks, tools and techniques to create killer applications and websites.

Ofmlabs Codecs: Pure JavaScript audio decoding

Ofmlabs is bringing audio decoding to JavaScript with two great pieces of code. The first, named JSMad, was the first proof that JS audio decoding is possible and is a port of libmad, a C based MPEG audio decoder.
The second file, ALAC.js is a port of the recently open sourced Apple Lossless decoder to JavaScript. Now it is possible to play MP3 and Apple Lossless even in browsers without native support.


Brought to you by Mozilla, Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code.

JSZip: Create .zip files with JavaScript

JavaScript today is capable of generating a lot of data. The easiest way to deliver multiple files to your users is in a zip file. Instead of wasting server resources and bandwidth you can get the client to do it for you.

Is it simple and easy, you ask? Yes, definitely. Look at the example code below:

zip = new JSZip();
zip.add("Hello.", "hello.txt");
  data: function(){
    return zip.generate();
  dataType: 'base64'

→ Visit JSZip

Resizable videos with fitvids.js

Last year, responsible web design was a very popular new concept among web developers and designers. fitvids.js is a jQuery plugin that allow fluid width video embeds. A great tools for all responsible websites.
→ Visit fitvids.js

Generate pdf files with pdfkit for node.js

PDFKit is a PDF document generation library for Node.js written in CoffeeScript(but you can choose to use classic JavaScript of course). A very cool API for those already using server-side JavaScript to build their apps!
→ Visit pdfkit


Impress.js is a presentation tool inspired by the idea behind and based on the power of CSS3 transforms and transitions in modern browsers. This handy JavaScript file will transform your web browser into a very powerful presentation tool. Who still need programs like Powerpoint, really?
Now offline