This is a collection of web experiments by Simon Madine (a.k.a. thingsinjars). Find out more at thingsinjars.com

Map Racing

Drive a car around Nokia Maps or Google Maps

CSSKart

A really basic Super Mario Kart-like interactive using CSS 3D transforms for moving the map around

Sine

A proof-of-concept game prototype where you must match a sine wave exploring a variety of different gaming thinking styles.

Torch

A proof-of-concept game prototype of a maze game where you can't see the maze.

Knot

A proof-of-concept game design based around the idea of discovering patterns made from an elastic string.

Insta-art

Combining random Instagram uploads with randomly-generated phrases to create hipster art. Ironically, of course. A variation on the art-maker below.

Cardboard

Experimentation with multiple background images to create non-repeating backgrounds.

Scoped CSS

A jQuery plugin that provides a polyfill for the 'scoped' attribute available in CSS3. It's used right here to change the background of this block.

JavaScript barcode reader

I tweaked Tobey Tailor's JS barcode reader so that it has a higher success rate. Compare this version with the original.

Watch these stripes

Playing around with CSS gradients in an attempt to replicate the style of the recent Google Adsense adverts.

jQTouch Calendar

I rebuilt and generalised this jQTouch project as a self-contained jQTouch extension. The repository is on GitHub.

The Elementals

An experiment in JS that developed into an iOS app. It's also available on the Chrome WebStore

Whithr

Whithr is a Google Maps toy to help you find a place to meet up with your friends (also now an iPhone app)

JS1K #3 - Maze 1k

Another attempt to squeeze something cool into 1k. This randomly generates, solves and draws a 'perfect maze'.

JS1K #2 - Art Maker 1k

I couldn't let it lie, this is another toy in 1k. This generates a sentence then animates some coloured lights around it to make hipster art.

JS1K - Spinny 1k

My entry into the js1k competition. Spinny circles that chase the mouse around. Click to add more circles or press any key to add blur.

Arch Enemy Tracker

Do you know where your arch enemy is? Do you want to?

Truly Innovative - Designer Edition

My commentary on the mindset of web designers.

Truly Innovative - Developer Edition

My commentary on the mindset of web developers.

Cloudsourced

An interactive weather map generated from Twitter comments.