Add Change Tracking to Online Text Editing with Ice.js If you're looking to add change tracking to a Web app, you might want to take a look at Ice from the CMS group at the New York Times . Ice (or Ice.js) is an implementation of change tracking for any content-editable element on the Web.
Curtain.js – Create a page with multiple fixed panels that unroll with an amusing effect
Loop waveform visualizer Loop Waveform Visualizer is a seemingly simple realtime audio analyzer built with Three.js and Chrome’s new Web Audio API . Drag an mp3 over and watch the 3D graphic equalizer style visualization liven up your browser window. It’s mesmerizing and quite performant.
Analog or digital You may have noticed that we’re fond of a bit of retro, so it was hard to resist this pixelated music video from Wildlife Control… from their blog : We were tinkering around with the SoundCloud API late one night several weeks ago and realized we could use the timing events and track comments to make something cool. At the time, we were thinking it would be a quick little animated ASCII thing.
Before drawing anything in a browser, ask yourself three questions:
I’m letting out my inner zombie, and I think you should, too! This brilliant little demo by Steve Wittens uses a pair of large sprite sheets (one for colour, one for opacity) which contain the cross sections of a human head taken by an MRI scanner. Braaains!
"Lathe Machine" by Einar Öberg
Plink is a very original idea. Multiplayer music making with Plink!
Trigger Rally – online edition Trigger Rally is a fast-paced open source racing game for Linux, maintained by a small but dedicated team of developers.
From the Author: Launch the particle from the input to the output in this HTML5 game developed for Google I/O 2012. "Input/Output" by Instrument
SearchMeme – A jQuery plugin for on-demand search
heatmap.js – A HTML5 canvas heatmap library
Posted by Maggie on 04/02/2009
I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.
remybach/jQuery.superLabels - GitHub
HTML5 & CSS3
Blur.js is a flexible jQuery plugin for implementing blur effect to any web element. Blur Any Web Element Easily – Blur.js
When you think of your computer talking to you it’s usually space aged computers and robots, or maybe Siri if you’re less imaginative. You probably don’t think of it happening in your browser, and especially not something made for JS1K . JS1K Speech Synthesizer