Categories
Links

Photobooth.js

Accessing the user’s camera using only Javascript. No flash. Performance isn’t real-time on my old MacBook Pro, but it’s “good enough” for things like single shots (e.g. a Photo Booth).

5 years ago this would’ve been voodoo of a high caliber, now it’s one line of jQuery. (via Waxy)

Categories
Links

Garlic.js

Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted. This way, your users don’t lose any precious data if they accidentally close their tab or browser.

Uses localStorage if available, to boot. The author suggests marking up your forms with rel=”persist” and that sounds reasonable enough to me.

Categories
Links

Drawing with text

Click & drag your mouse to “draw” with a given set of text. I could see this being used to make some really cool JS-based generative art.

The demo explains it better than I can, and you really should check it out. This is a tool you should have in your utility belt.

Categories
Links

Ember.js

Ember is:

… a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.

Comes with Bindings, Computed properties, and Auto-updating templates.

Categories
Links

Patricio Palladino Demonstrates Non-Alphanumeric Javascript

This is some head-screwing, eyeball-hurting mojo. The tl;dr:

“I just made a tool to transform any javascript code into an equivalent sequence of ()[]{}!+ characters. You can try it here, or grab it from github or npm. Keep on reading if you want to know how it works.”

Categories
Links

FitVids

Being “A lightweight, easy-to-use jQuery plugin for fluid width video embeds.” (via @zeldman)

Categories
Links

Play the Original Spelunky in HTML5

Darius Kazemi used the newest version of GameMaker to port the game to HTML5/Javascript. No sound yet, but totally playable and pretty cool. I’ll have to revisit GameMaker myself soon.

Categories
Links

MESS in a browser!

A project attempting to port the MESS emulation framework to JavaScript. This is noble work.

Categories
Links

JavaScript WebRTC in Opera Mobile 12

Featuring live video from the built-in camera on your mobile, totally within the browser and without plugins. This is great and exciting. WebRTC is making big strides today.

Categories
Links

impress.js

Very impressive JS presentation tool using CSS3 transforms and other newish web tricks.

Categories
Links

scrollorama

Really cool jQuery scrolling effects plugin. The site is a demo.

Categories
Links

“Let’s assume that I am the stupidest person that ever lived. Explain to me what JavaScript is, what it does, and how a moron would go about learning it…”

A simple Ask Metafilter becomes an awesome thread on the history, utility, and basics of JavaScript.

Categories
Links

spin.js

Very nice javascript-based indeterminate progress spinner. Smaller than a GIF, customizable, support down to IE6. Sounds like a winner.

Categories
Links

Rasta.js

A persistent, cross-domain, key-value data store. Similar to HTML5’s localStorage, except persistent across websites.

Categories
Links

Location, location

535 ways to reload the page with Javascript. This is a nice illustration of a one of the big problems with Javascript: There are either too many ways to do something or not any.

Regardless, I think we can all agree that this is about 534 more ways than we need.

Categories
Links

Paper.js

A canvas-based HTML5 vector library. The examples are great.

Categories
Links

jRumble

A jQuery plugin that provides a “rumble” or shaking effect to HTML elements on various events. It’s funny and pretty well done, but be careful, it can cause photoepileptic seizures if used for evil.

Categories
Links

Felix’s Node.js Guide

A pretty comprehensive look at Node geared toward those with some JS experience. It isn’t why’s (poignant) Guide to Ruby, but it’ll do.

Categories
Links

d3.js

If your brain can digest this:

D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

… then you should be pretty excited about d3 right about now. Even if you don’t grok the language, the examples speak for themselves.

Categories
Links

Isotope

A jQuery plugin that makes reordering rows, sorting, and show/hide look absolutely great. The plugin’s page is itself a perfect demo for the tech. At something like 2kb minified I’m wondering how I lived without it.