Javascript
Tutorials
Rickshaw is a JavaScript toolkit, created by the developers of the stock photo service Shutterstock, for generating interactive and real-time graphs .
A JavaScript Toolkit For Interactive & Real-Time Graphs – Rickshaw
Plugins
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.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.
Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael
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!
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
Dated Added → Apr 18, 2012 Categories → HTML5 heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5 canvas element based on your data. Heatmap instances contain a store in order to colorize the heatmap based on relative data, which means if you’re adding only a single datapoint to the store it will be displayed as the hottest(red) spot, then adding another point with a higher count, it will dynamically recalculate.
heatmap.js – A HTML5 canvas heatmap library
jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
Posted by Maggie on 04/02/2009I’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.
slabText – a jQuery plugin for creating big, bold & responsive headlines
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 .