Lab

A code competition is always a good reason to have an experiment with some new technology.

Browsers vendors are adding some very impressive features. Time to play with the Fullscreen and Pointer Lock API!

The Lorenz equations are a cornerstone in Chaos theory. The 'butterfly effect' is how it is known in popular culture. I little experiment plotting the Lorenz Attractor using three.js.

Building a demo in JavaScript? Then you really need to start using the dat.gui library. It takes the hassle out of controlling your variables.

Loving the HTML5 Canvas element. Having fun with the parallax effect and a few aliens.

Three.js is a powerful 3D library. Graph plotter and a little bit of experimentation is good fun!

Orientate yourself in your three.js with this little bit of JavaScript code. Not the most exciting experiment but I find it very useful!

Having fun with a little bit of prime hunting and JavaScript. Maths geek for the win!

Everyone love trees. What about a few virtual trees created using some JavaScript goodness?

Arbor.js is a very impressive graph visualisation library that takes advantage of jQuery and the Web Workers API. I make my own version of the Visual Thesaurus with it.

The HTML5 specifications are adding some very interesting new features. Here's one that's just landed in Google Chrome: speech input.

HTML5 has a great set of new APIs. One of my favourites is the file upload, no more Flash uploads or multiple 'browse' boxes. A bit of a mash up of three.js and the Drag and Drop API.

A small experiment showing how the Cornu spiral changes as you vary different properties. Animated with lots of lovely particles, thanks to three.js.

I've played with the HTML5 Audio Data API in the past for 2D visualisations. So how about some 3D?

The Twittersphere has been buzzing about a (literally) small JavaScript competition. Thought I'd give it a try and see what materialised. Great fun!

Drag and Drop had been available using JavaScrit libraries for some time, but with HTML5 comes native support.

Manipulating image data in Canvas is fairly simple once you get your head around how it works. Here are a couple of experiments I created as a bit of research.

A little project I've been dipping in and out of for the past couple of weeks. The draft version of the Audio Data API has huge potential!

A little experiment with jQuery animation I've finally managed to get round to finishing.

I've recently discovered a much quicker way to draw images in Canvas.

Here's my modified version of Geoff's Mandelbrot generator.

Quick plug-in I put together together to stagger the animation used in a navigation bar.

After seeing an interesting scaling background effect on a random site I decided to put together a jQuery plug-in that does the same job.

I've needed to count the number of characters a user has typed in a form field on a couple of projects recently. So I decided to make a little jQuery plug-in for easy implementation.

I decided to delve into Flot and Firefox's Web Workers API and created a little chaos along the way.