This module provides basic functions for parsing mime-type names and matching them against a list of media-ranges.

See section 14.1 of RFC 2616 (the HTTP specification) for a complete explanation.

Timeline shows a series of events in a vertically time-sorted structure.

For media makers: Popcorn.js allows video, audio and other media to control elements of a webpage. Combining our library with a mixture of standard HTML + JavaScript, authors can let their media be the “conductor” of interactive and immersive experiences. For developers: Popcorn.js is an event framework for HTML5 media. Popcorn.js utilizes the native HTMLMediaElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.

This example shows how to create a basic popcorn event, using Youtube as the conductor.

A JavaScript event framework for HTML5 media.

Javascript is now an isomorphic language. By isomorphic we mean that any given line of code (with notable exceptions) can execute both on the client and the server. On the surface this seemingly innocuous property creates a number of challenges that are not solved by current MVC-based patterns. This article will explore some of these existing patterns, how both their implementation and concerns vary across languages and environments, and how they are not good enough for a truly isomorphic Javascript codebase. In conclusion, we will explore a new pattern: Resource-View-Presenter.

jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages.

Handlebars templates look like regular HTML, with embedded handlebars expressions.

Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.

Great deep dive into the WebKit developer tools: #webinf #web #development #tools #html #css #javascript

Fast, flexible, and lean implementation of core jQuery designed specifically for the server.

The core ethic of what we are doing with qc.js is coming up with "properties" our code should have and verifying that those properties actually hold in practice.

This is a port of the QuickCheck probabilistic unit testing concept to JavaScript.

Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps. It is developed by CloudMade to form the core of its next generation JavaScript API. Weighing just about 22kb of gzipped JS code, it still has all the features most developers ever need for online maps, while providing a fast, pleasant user experience.

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.
Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.

Zepto.js is a minimalist JavaScript framework for modern web browsers*, with a jQuery-compatible syntax.

The goal: a 5-10k library that handles most basic drudge work with a nice API so you can concentrate on getting stuff done.

Zepto's primary focus is on mobile devices, where small file sizes and tapping into the latest browser features matter most for fast loading and optimal runtime performance.

Ender is a full featured package manager for your browser.
It allows you to search, install, manage, and compile front-end javascript packages and their dependencies for the web.

Turns out that pushing jQuery to the footer is quite easy for the common case. If all we want is a nice $.ready function that we have accessible everywhere we can explicitly define it without jQuery. Then we can pass the functions we capture to jQuery later on after it loads.

The official Twitter widget allows you to pass a variable called filters to filter the tweets displayed.

Full documented source of the Twitter search widget.

NoFlo is a JavaScript implementation of flow-based programming (FBP), a way of separating the control flow of software from the actual software logic. It helps you to organize large applications, especially when importing and modifying large data sets.

FBP itself is not a new idea: it comes from a term IBM used in the 70s to define the concepts of more manageable business workflows. NoFlo, however, refreshes these concepts and brings them to Node.js applications.

Henri Bergius introduces FBP to the audience, showing how NoFlo can be used for large-scale data processing. He also demonstrates the lighter side of NoFlo: How you can use it to simplify user interactions.

The MIT-licensed NoFlo library can either be used to run full flow-based applications or as a library for making complex workflows or asynchronous processes more manageable.

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a mode has been written for the language you are editing, the code will be coloured, and the editor will optionally help you with indentation.

Functional is a library for functional programming in JavaScript. It defines the standard higher-order functions such as map, reduce (aka foldl), and select (aka filter). It also defines functions such as curry, rcurry, and partial for partial function application; and compose, guard, and until for function-level programming. And all these functions accept strings, such as 'x -> x+1', 'x+1', or '+1' as synonyms for the more verbose function(x) {return x+1}.

jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and below.

UIKit is a small collection of flexible, decoupled components for the modern web. With an emphasis on structure-only styling making it it simple to apply application specific styling.

PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS is an optimal solution for fast headless testing, site scraping, pages capture, SVG renderer, network monitoring and many other use cases.

Mocha is a feature-rich JavaScript test framework running on node and the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.

Write the specifications for your code in *.js and *.coffee files in the spec/ directory (note: your specification files must end with either .spec.js or .spec.coffee; otherwise jasmine-node won't find them!). You can use sub-directories to better organise your specs.

Ice is a track changes implementation, built in javascript, for anything that is contenteditable on the web.

CoffeeScript is a little language that compiles down to JavaScript. The syntax is inspired by Ruby and Python, and implements many features from those two languages. This book is designed to help you learn CoffeeScript, understand best practices and start building awesome client side applications. The book is little, only five chapters, but that's rather apt as CoffeeScript is a little language too.

A javascript implementation of the W3C DOM.

Kanso can be described as the NPM for CouchApps, with tools for installing and publishing shared packages while managing dependencies. The Kanso community provides reusable build-tools, modules, templates and more via the online repository. Kanso's built around a powerful packaging system, meaning almost all the functionality can be customized by you.

CouchApps are JavaScript and HTML5 applications served directly from CouchDB. If you can fit your application into those constraints, then you get CouchDB's scalability and flexibility "for free" (and deploying your app is as simple as replicating it to the production server).

Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.

An Emacs major mode for CoffeeScript, unfancy JavaScript.

Provides syntax highlighting, indentation support, imenu support, a menu bar, and a few cute commands.

Cloud9 is a state-of-the-art IDE that runs in your browser and lives in the cloud, allowing you to run, debug and deploy applications from anywhere, anytime. A complete game-changer that will change the way we develop applications forever.

VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don't have to parse the query string yourself.

Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.

Tame (or "TameJs") is an extension to JavaScript, written in JavaScript, that makes event programming easier to write, read, and edit. Tame is very easy to use in Node and other V8 projects. And it can be dropped into projects where desired - no need to rewrite any existing code.

Note Tame is not an attempt to dumb down async programming. It's just a cleaner way to write it. Further, your programs will likely have lower latency; with Tame it's a lot easier to keep parallel calls parallel.

SCRIPTCOVER is a Chrome extension for Javascript coverage analysis.

It reports which Javascript statements/instructions from internal and external scripts have been executed (and how many times) while a web page loads and then when a user interacts with the page without any user modifications to the code.

JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.

Oui is a kit and framework for building larger websites, in the same fashion as networked and distributed desktop applications.

All code is modern JavaScript -- Node.js for the server and in the browser at the client side.
The user interface is completely handled client-side
Client-server communication is REST-ful and exchange structured data (JSON)
All JavaScript, HTML and CSS is namespaced (derived from file structure)

The ideas I cite here, represented by the Hermenuetic Circle, definitely apply to TC39′s understanding of the text of ECMA-262, as well as various canonical texts in Computer Science. The committee works best when it spirals in on a solid design, avoiding local and premature optimizations and pessimizations.

Weld binds data to markup, and can generate markup based on your data. There's NO special syntax or data reshaping required. It works in the browser and in node.js!

With Head JS your scripts load like images - completely separated from the page rendering process. The page is ready sooner. Always.

Kanso is a framework for creating web applications which run on CouchDB. You don't need anything else in your stack, meaning apps are easy to deploy and easy to distribute.

ECMA-262 5th Edition documentation in HTML Format.

Move is a modern and simple programming language which can run on virtually any computer. Move is primarily aimed towards people not previously familiar with programming computers.

The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient.

JavaScript parser / mangler / compressor / beautifier library for NodeJS.

Browser-side require() for your node modules and npm packages

Just point a javascript file or two at browserify and it will walk the AST to read all your require()s recursively. The resulting bundle has everything you need, including pulling in libraries you might have installed using npm!

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

This is the site administrator's manual for citeproc-js, a JavaScript implementation of the Citation Style Language (CSL) used by Zotero, Mendeley and other popular reference tools to format citations in any of the hundreds of styles supplied by the CSL style repository. [1] The processor complies with version 1.0 of the CSL specification, has been written and tested as an independent module, and can be run by any ECMAscript-compliant interpreter. With an appropriate supporting environment, [2] it can be deployed in a browser plugin, as part of a desktop application, or as a formatting backend for a website or web service.

Citeproc-js is a citation formatter based on the Citation Style Language (CSL). Originally built for use in Zotero ('the popular bibliographic management plugin for the Firefox web browser), citeproc-js is a standalone Javascript module that can be run in other contexts as well: as a browser plugin serving or embedded in other extensions; as an embedded utility in a server-side or desktop application; or as the core of a citation formatting web service.

Deniz is a simple RDF browser written in Javascript.

A simple, modern, framework-independent, well-tested, unobtrusive, notification system.

The “Chromeless” project experiments with the idea of removing the current browser user interface and replacing it with a flexible platform which allows for the creation of new browser UI using standard web technologies such as HTML, CSS and JavaScript.
 
Instead building a whole new platform, we suggest that the web itself should be the platform. That a developer could design the browser using standard web technologies combined with a minimal set of new APIs to interact with the underlying operating system and control the application's user interface. This new functionality is exposed as lightweight conventions on top of the DOM and javascript modules exposed via the CommonJS packaging standard.

TurKit is a Java/JavaScript API for running iterative tasks on Mechanical Turk. You can safely re-execute TurKit programs without re-running costly side effects on Mechanical Turk, like creating new HITs, but still write your program in a straightforward imperative manner—there is no need to unravel the program into a state machine.

Spine is a lightwork framework for building JavaScript web applications. Spine gives you a MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.

datajs is a new cross-browser JavaScript library that enables data-centric web applications by leveraging modern protocols such as JSON and OData and HTML5-enabled browser features. It's designed to be small, fast and easy to use.

pjax loads html from your server into the current page without a full page load. It's ajax with real permalinks, page titles, and a working back button that fully degrades.

Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux.

Javascript templating system for displaying JSON data.

Run JavaScript tests from the command line using a headless version of WebKit.

Aristo is a beautiful theme for jQuery UI that emulates the elegant style of the Cappuccino JavaScript framework.

Emphasis provides dynamic paragraph-specific anchor links and the ability to highlight text in a document, all of which is made available in the URL hash so it can be emailed, bookmarked, or shared.

It turns out that you can get web apps to behave like native apps. In this article, I'll explain how to:

strip away the browser chrome (the url bar and button bar);
prevent viewport scrolling and scaling;
respond to multi-touch and gesture events;
use webkit CSS to get the iPhone OS look and feel;
cache the app so it runs without internet access;
get a custom icon on the home screen; and
have a splash screen load at the start.

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

It inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.

Proposed standards for making AJAX-based websites crawlable.

A clean and consistent syntax, optimized for modern use cases including string interpolation and event based programming, and one that generates human readable JavaScript. Couple it with HAML and SASS, and the maintainability of web pages goes way up.

Simple javascript (+backend) library for web-annotation.

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.
After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Node's goal is to provide an easy way to build scalable network programs.

Allow your users to collaborate in realtime
Add live status updates and messages
broadcast events to everyone viewing a page

This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward's packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.

Automatically hyphenates texts on websites.

The soft hyphen is the key to good-looking hyphenation and justification. And over the years it’s gained support in every A-grade browser: IE6+, Opera 7.1+, Safari 2+, Firefox 3+, and Chrome.

Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.