Just a little flash preview for Simon Jaymes’s new single released on the 7th. It’ll be available on all the big download sites, iTunes, Amazon mp3 and so on. Have a look and if you like the music click one of the share buttons.

View the preview

The full BBC Breathing Places UK ladybird & Parasite Survey designs I have done are now online. As with the spotter mentioned in the last blog post, the wireframe for the design was created by Pixel Thread, with the visual design was done by me.

Visit the Ladybird survey

Visit the Parasite Survey

Finished working on some design work for BBC breathing places a little while ago, and the first of the tools has now gone live. The wireframe for the design was created by Pixel Thread, with the visual design done by me.

Breathing Places was set up in 2005 to encourage people to do one thing to help nature on their doorstep. They work with 183 partners, including most of the UK’s leading nature organisations

UK Ladybird Spotter

Over the past two years I’ve worked with Pixillion for HJ Marketing to produce a mini-series of simple viral games for the UK’s biggest trade union, Unite the Union. The games have been used to raise awareness of specific campaigns Unite have been representing. I’ve illustarted, designed and developed virals for them since 2008, here are a couple of examples:

http://www.hjmarketing.co.uk/unitetheunion/liongame.html

http://www.hjmarketing.co.uk/unitetheunion/chickengame.html

For a while now if I wanted to use a pretty font on a website and still have it accessible and able to be read by search engines, I would have to turn to sIFR. This is nice enough but it doesn’t always behave like I want it to, and it’s still a little tricky to use. So I’ve tried out cufón on this website. It was quick to set up and very easy to use. Here’s how:

• Head here to upload your font and download cufón.
• Upload the js files to your server and include them on your page
• Use js in the had tag to replace what you need. The following replaces all h1 tags with your font.

<script type="text/javascript">
   Cufon('h1');
</script>

There are lots of custom features you can add, and you can check out the full documentation here. One particular thing that is useful to point out that I encountered was that :hover is switched off by default, so if you plan on using cufón on any <a> tags with :hover attached to them, be sure to turn it on like in the following example

<script type="text/javascript">
   Cufon('a',{hover: true});
</script>

Enjoy!