Extra Future

Hi, I’m Phil Nelson, a writer, developer, and audio-visual maker of stuff. I have been making stuff online for over 25 years. I run RetroStrange and Set Side B. Good to see you.

Blog Archives

Tag: javascript

  • Derby

    [A Model-View-Controller framework for Node.js and web browsers][link]. Real-time updating of everydamnthing. Don’t miss [the demos][demos].

    [link]: http://derbyjs.com “Derby”
    [demos]: http://derbyjs.com/#demos “Derby Demos”

  • 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”

  • 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”

  • 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”

  • 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”

  • 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”

  • 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”

  • 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”

  • 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!”

  • 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”