August 2010
1 post
5 tags
Letter Slinger →
This was my entry for the Alist Apart 10k app. Basically I wanted something that used the canvas element to run some animation, some sort of game aspect to it, and something with fonts - so I bashed this together over the weekend (probably about 4 hours). I also tried to compress it down to enter in the js1k game but failed and ended up with this gist which is 1558 bytes (and I think may be...
Aug 5th
July 2010
1 post
2 tags
Multiplayer Tron →
A little hack I played around with - it’s a bit messy in the code, but you control a pink line and have to avoid smashing in to the other lines on the game - robots from your point of view. It’s multiplayer and draws to a canvas. It’s checking the canvas opacity of the pixel we just drew on to check for collision, pretty basic, but works.
Jul 5th
June 2010
3 posts
3 tags
Tweet near your buddy: BeThere →
BeThere is one of the hacks I did for Warblecamp a few months back. It uses Twitter’s @anywhere API to connect and authenticate with Twitter. From there it runs through your timeline looking for your friends’ geo data. When you click on a friend, it’ll show them on the map (if there’s no geo data it won’t), and you can tweet from the same location as them - the...
Jun 15th
4 tags
Collaborative Drawing →
I ran an HTML5 API workshop for Web Directions @media this week and in the last 30 minutes of the workshop I hacked this together based on some of the technologies we had learnt from the day. It uses Web Sockets and the Canvas API to share drawings. The server can be a little unstable, so if it says it can’t connect, it might need a kick. It’s obviously not the sexiest looking...
Jun 9th
3 tags
What they said and where they said it →
Whilst seb_ly was caught out somewhere in Europe making his way home overland due to the volcano, he was tweeting as he went along. I decided to capture the geo info on those tweets and map it out on Google maps. This demo uses only the JavaScript you see in the page to work looping through all the tweets to plot a journey of an individual via Twitter’s geo tagging.
Jun 3rd
May 2010
2 posts
3 tags
HEX to RGB →
Almost finished micro app for getting rgb from hex and visa versa. Works on the iPhone too.
May 27th
2 tags
Pure animating CSS Gallery →
Uses CSS transitions combined with the :target selected to create different effects when clicking on the different thumbnails. Disable JavaScript and the entire gallery still works. The default demo is a cross fade - but here’s a few more examples: http://rem.im/css-gallery/height http://rem.im/css-gallery/top/slow http://rem.im/css-gallery/fade WebKit only: ...
May 26th