Categories
Links

Photobooth.js

[Accessing the user’s camera using only Javascript.][link] 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][via])

[link]: http://wolframhempel.github.com/photobooth-js/ “Photobooth.js”
[via]: http://waxy.org/links/ “Waxy Links”

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.][link]

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

[link]: http://guillaumepotier.github.com/Garlic.js/ “Garlic.js”

Categories
Links

Drawing with text

[Click & drag your mouse to “draw” with a given set of text][link]. 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.

[link]: http://codepen.io/tholman/pen/qCnfB “Drawing with text · CodePen”

Categories
Links

Ember.js

[Ember][link] 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][docs].

[link]: http://emberjs.com/ “Ember.js”
[docs]: http://emberjs.com/documentation/ “Ember.js Documentation”

Categories
Links

Patricio Palladino Demonstrates Non-Alphanumeric Javascript

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

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

[link]: http://patriciopalladino.com/blog/2012/08/09/non-alphanumeric-javascript.html “Brainfuck beware: JavaScript is after you! | Patricio Palladino”
[demo]: http://patriciopalladino.com/files/hieroglyphy “hieroglyphy Demo”
[git]: https://github.com/alcuadrado/hieroglyphy “hieroglyphy on Github”
[npm]: https://npmjs.org/package/hieroglyphy “hieroglyphy on NPM”

Categories
Links

FitVids

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

[link]: http://fitvidsjs.com/ “FitVids.JS – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.”
[zeld]: http://twitter.com/zeldman “Jeffrey Zeldman”

Categories
Links

Play the Original Spelunky in HTML5

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

[link]: http://tinysubversions.com/2012/07/spelunky-html5/ “Spelunky HTML5”

Categories
Links

MESS in a browser!

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

[link]: http://jsmess.textfiles.com/ “MESS in a browser!”

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.][link] This is great and exciting. [WebRTC][webrtc] is making big strides today.

[link]: http://weblog.bocoup.com/javascript-webrtc-opera-mobile-12/ “JavaScript WebRTC in Opera Mobile 12 – Bocoup”
[webrtc]: http://www.w3.org/TR/webrtc/ “WebRTC specification”

Categories
Links

impress.js

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

[link]: http://bartaz.github.com/impress.js “impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz”

Categories
Links

scrollorama

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

[link]: http://johnpolacek.github.com/scrollorama/
“scrollorama”

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.][link]

[link]: http://ask.metafilter.com/195482/Lets-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 “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… – web design coding | Ask MetaFilter”

Categories
Links

spin.js

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

[link]: http://fgnass.github.com/spin.js/ “spin.js”

Categories
Links

Rasta.js

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

[link]: http://rastajs.errorjs.com/ “Rasta.js”

Categories
Links

Location, location

[535 ways to reload the page with Javascript][link]. 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.

[link]: http://www.phpied.com/files/location-location/location-location.html “Location, location”

Categories
Links

Paper.js

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

[link]: http://paperjs.org/ “Paper.js — Paper.js”

Categories
Links

jRumble

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

[link]: http://jackrugile.com/jrumble/ “jRumble | A jQuery Plugin That Rumbles Elements”

Categories
Links

Felix’s Node.js Guide

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

[link]: http://nodeguide.com/ “Felix’s Node.js Guide”
[why]: http://en.wikipedia.org/wiki/Why’s_(poignant)_Guide_to_Ruby “Why’s Guide”

Categories
Links

d3.js

[If your brain can digest this:][link]

>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][ex] speak for themselves.

[link]: http://mbostock.github.com/d3/ “d3.js”
[ex]: http://mbostock.github.com/d3/ex/ “Examples”

Categories
Links

Isotope

[A jQuery plugin that makes reordering rows, sorting, and show/hide look absolutely great][link]. 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.

[link]: http://isotope.metafizzy.co/ “Isotope”