jQuery plugin to use CSS3 animations (animate.css)

A while back, I stumbled across a very nice set of CSS3 animations by Dan Eden which (if you haven’t already clicked the link and looked for yourself) are plug and play. All you do is add a class to the element you want to animate and it… well… animates. This is great! Dan recommends that… Read more →

HoverIntent jQuery plugin initiated by a click event

Let me start by saying that I am not a developer, I am a designer who dabbles in jQuery and as such my code will probably not be the cleanest or most efficient but it gets the job done. I will also assume you have some basic knowledge of jQuery. View the demo Recently I… Read more →

Shoutbox

The objective was to create an interactive environment with the premise of a 21st century ‘village fete’. Looking into what makes a fete and how this can be recreated with new interactions. The traditional village fete was analysed to see what underlying principles to find out of what one consisted. What did people remember from them? Why… Read more →

QR Stamps: RSA Competition

The aim was to create a stamp that promotes renewable energies. While traditionally a graphic design brief I tried to make the process of informing people more tangible. The stamps use thermochromic ink which, when heated, turns transparent. Two different colours are layered to create a nice effect. Body heat is enough to activate the… Read more →

Dissertation: Privacy vs Security

My dissertation is about internet security and internet privacy issues. The fact that they are both such large parts of everyone’s online experience and yet they seem to constantly battle against each other for supremacy. Can there be harmony or is there an inherent paradox between them meaning they can never function in equilibrium? As part of the dissertation… Read more →

Create a CSS drop-down menu with persistent active state

Yesterday at work I stumbled upon an idea that I haven’t seen before when dealing with pure CSS drop-down menus. The general premise is to use an unordered list within an unordered list activated on hover of the parent li. This is pretty standard (but won’t work in IE6 due to hovers only being available… Read more →

Get The Most Out Of Your Media Center

I have just bought a new Media Center PC to connect to my TV and amp. It has been a major headache trying to set it up the way I want so I though (after finally getting it to work) that I would impart some advice. My Setup TV – LG 42LH7000 Surround System –… Read more →

Graceful Degradation vs Progressive Enhancement

For years web designers have had to deal with compatibility issues across multiple browsers and for just as many years have had to accept content being displayed in slightly different ways. This is unlikely to change soon but the differences are becoming fewer and fewer. To make the most of this you need to choose… Read more →

WordPress, TimThumb & jQuery: Image Hover Effect

This post is about using TimThumb to create an on-the-fly, greyscale image thumbnail of the first image in a post and use jQuery to fade in a colour version on top creating a nice effect. Let me also say that this is not in-depth and is not for beginners as I’m not going to walk… Read more →

Mouse-tracking my day

While reading an article today in my feed reader (which still says I have over 1000 — great) I saw someone displaying their mouse movements over the course of a day. I had seen these before but something was different with this one as instead of a traditional heat-map over a browser, this showed it… Read more →