Category: experiment

  • Visualising <audio> elements with the Web Audio API 18 September 2012

    For a new project I'm working on I'd like to create an audio-reactive visualisation using analysis of the music that's playing. The new Web Audio API lets you do this pretty easily in the browser (Webkit-only at ...

  • Opening Titles for Web Directions South 2011 27 October 2011

    See the in-browser opening titles Another year and another great Web Directions. Of course, for me, Web Directions isn't complete without frantic late-night coding sessions in ...

  • SlashGlobe: A 3D CSS experiment 27 July 2011

    See the neon-spinny-3D-globe experiment The third dimension isn't my strong suit; I'm fine with pixels but not with voxels. To start combatting this I thought I'd have a play around with ...

  • Anatomy of a Mashup: Definitive Daft Punk visualised 12 May 2011

    See "Definitive Daft Punk" visualised in realtime » I've always believed in the strong connection between sound and vision. Music videos are like little slices of ...

  • Realtime visualisation of @replies 04 April 2011

    See @replies visualised in realtime Back on September 15, 2010, it was "R U OK?" Day. This is a national day of action which is designed to raise awareness of suicide by ...

  • HTML5 + CSS3 Title Sequence for WDS10 18 October 2010

    See the WDS10 Title Sequence There's nothing that has quite the ability to sharpen one's creative process like a ridiculous deadline. In this case a 72-hour deadline to ...

  • Mood Map - How happy is the world? 19 May 2010

    Mood Map – a visualisation of the world's mood Data visualisation is a strange art. You almost have to approach it like a science. ...

  • One week of the world's happiness 17 May 2010

    This is a video I made that visualises a week of the world's happiness, as calculated by analysing randomly sampled Twitter messages. ...

  • "HTML5" versus Flash: Animation Benchmarking 22 March 2010

    I've written before about why you shouldn't let your current toolset dictate what it is you create and I still firmly hold to that mantra. Some of my more recent work has ...

  • Happy Bokeh Type! 08 January 2009

    Bokeh Type experiment I just can't get enough of totally Bokeh'd out lights . There's something about the mixture of vibrant colour and transparency that draws me like a fat ...

  • JS-909: A drum machine in JavaScript 17 November 2008

    At the recent Web Directions JavaScript libraries panel , I was in charge of representing the hard-working non-library hacker. (Of which there exist approximately two in the wild.) And when it came to the final ...

  • Cubescape Highlights 19 May 2008

    My great uncle Jeremiah once told me these wise words: "If you give a man a painting, he will enjoy it for one day. But if you give a man a canvas, he will draw a giant penis on it." It's that memory of old uncle ...

  • Cubescape 13 May 2008

    Cubescape: Your own digital landscape Sometimes I get a little obsessed. And that obsession takes me down a long, winding path. Some might even say a laborious and twisted path. ...

  • Circtangles: A JavaScript art installation 25 April 2008

    The thought only just occurred to me that I'd never used the newly emerging technology for creating rounded corners in CSS – border-radius . So to rectify this, I set about experimenting with abstract uses ...

  • Anti-Santa 20 December 2007

    It's December 20, so you should be pretty sick of Christmas shopping by now. But don't let that acidic Chirstmas vitriol fester in your stomach until it explodes in a shower of turkey giblets on December 25. Let it ...

  • Left Right 10 August 2007

    Which way do you want to go? Which way do you want to go? ...

  • Blobular: An SVG experiment 18 April 2007

    SVG (Scalable Vector Graphics) has been a tantalising mirage on the horizon for a lot of web developers for a long, long time. The promise of a fully-featured, open source markup format for vector graphics on the ...

  • How cool are you? 21 December 2006

    So, I'm having some Baileys with a bunch of Web geeks (ok, ok, I"m the only one drinking Baileys, the rest are drinking beer) and talk naturally gravitates towards Twitter. Now ...

  • FormTextResizer: Bookmarklet for resizing textareas and text fields 25 August 2006

    » FormTextResizer bookmarklet « OK, you're all sick of hearing about my holidays, and so am I. So, to re-stretch my brain I thought I'd write down a little ...

  • CSS Love Child 24 April 2006

    I'm usually all about creating conflict . So, I thought it's high time that I add some love to the Internet. On Late Night with Conan O'Brien he loves playing a game where they ...

  • Bunny Hunt 03 April 2006

    In the grand old tradition of making bloodthirsty games about religious holidays, I offer you Bunny Hunt – a tribute to the cute little character that makes Easter such a deliciously chocolate-covered event. ...

  • Resolution dependent layout update 19 January 2006

    » Change CSS layout according to browser width « After Dave Shea ran into a spot of trouble integrating my rather experimental resolution dependent layout script ...

  • footerStickAlt: A more robust method of positioning a footer 29 August 2005

    » footerStickAlt « Updated: 4:40PM, 29 August 2005 (See comment #6 ) Recently I've been asked to code up a few sites that require the Web page footer to ...

  • JSCalc: the JavaScript calculator bookmarklet 21 June 2005

    » JSCalc calculator bookmarklet « Doug pointed out Calq and I thought "Yeah, that's handy, but I don't like installing stuff". So, here's a bookmarklet that pops ...

  • widgEditor: A simple, standards-compliant WYSIWYG HTML editor 27 January 2005

    » widgEditor HTML editor « There's quite a few HTML-based HTML editors out there, but they all lack something. Most of them are fairly code obtrusive – requiring you to ...

  • Pixelfest: group artwork 12 November 2004

    » Pixelfest group artwork project « Here's the game: can a group of random people, each contributing a teensy weensy bit, make a coherent piece of art/design/garbage purely ...

  • Accessible JavaScript tip #43: onchange select menu 19 October 2004

    » An accessible onchange select menu « The thing about accessibility issues is you can't really predict when one's going to occur. It's only when someone who's affected tells ...

  • JavaScript load placement 29 September 2004

    » Optimal place to load JavaScript that changes the web page « Programming for the Internet is fraught with a whole host of things that you can't depend on, but for the moment I' ...

  • Resolution dependent layout 21 September 2004

    » Varying layout according to browser width « Updated: 19 January 2006 (See the new entry for details) A few weeks ago I thought that I might try out ...

  • Designers vs. The Real World: Favourite colour results 16 September 2004

    .colourTable { margin: 0 auto 2em auto; border: 1px solid #CCCCCC; } .colourTable td { width: 12em; padding: 2px; text-align: center; } Note: Because I'm a popularity whore, this site will shortly be ...

  • Designers vs. The Real World: Favorite color 30 August 2004

    » Vote for your favorite color « Designers like to get people to worship our superior aesthetic sensibilities; which is easy given the revolting taste in color, shape, font, ...

  • Measuring em Widths 27 May 2004

    » em Widths « I've just recently started really focusing on using ems as a way of specifying element dimensions on web pages. Widths, heights, margins, padding; traditionally ...

  • Mapping DTDs: making validation usable 21 May 2004

    » DTD Mapper « One of the qualms people have with validating pages is that they never know what they're validating from. The W3C releases documents called Document Type ...

  • Google Rank Calculator 26 April 2004

    » Google Rank Calculator « It's a dream of mine to work with the uber-boffins at Google (not least of all because of the stock options ). But for the moment, I'll have ...

  • Maintenance 07 April 2004

    Hmmmmm .. my visits actually increased during the week when I couldn't post. Maybe that says something about my writing ... Just to get me (and my arm) back into the swing of things, I thought ...

  • Technicolor 04 March 2004

    » Technicolor web colour designer « In that grand tradition of me going one step further than is necessary, I present the Technicolor web colour designer. Inspired by the ...

  • SSCrabble 27 January 2004

    » SSCrabble « (full SOWPODS dictionary) » Offline SSCrabble « (284kB ZIP) I think that I might go a bit overboard sometimes. It ...

  • Typing one handed 09 January 2004

    » The mouseboard « I was eating lunch at my desk today and thought I'd go visit the Onion after a hard day reading blogs. Unfortunately, it isn't in my favourites list. Even ...

  • Web page liquidation 22 December 2003

    » True liquid web page example « After reading the explosion in debate over fixed-width versus "liquid" web pages in the web design community of late ( -1- | -2- | ...

Follow me on Twitter

To hear smaller but more regular stuff from me, follow @themaninblue.

RSS feed