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. It can track changes (inserts, deletes) from multiple users, and has some optional plugins for converting "smart" quotes and creating em-dashes. Hands-on experience is probably the best way to get an idea what Ice.js can do. The current demo shows a plain content-editable element with Ice.js as well as a TinyMCE instance using Ice.js as a plugin. The TinyMCE demo includes buttons for accept, accept all, reject and reject all.
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.
Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3.
"Lathe Machine" by Einar Öberg
Plink is a very original idea. It’s an online, collaborative, multiplayer music making toy made by Dinahmoe. It uses Node.js and WebSockets to create an multi-user “chatroom” but instead of entering text to have a chat, the interface generates music! Pulsating circles are generated by moving the mouse over a <canvas> element. 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. The game itself adheres to the same open principals as the operating system it was originally built for, using creatively licensed art, audio and 3D assets. And it’s now available to play online through this WebGL port by jareiko. WebGL and Three.JS power the graphics.
SearchMeme – A jQuery plugin for on-demand search
heatmap.js – A HTML5 canvas heatmap library
remybach/jQuery.superLabels - GitHub
HTML5 & CSS3
Blur Any Web Element Easily – Blur.js
JS1K Speech Synthesizer