John Kavanagh
Indie WebDeveloper
Client-side and Front-end Development. Expert in cross-browser compatibilities, beautiful layouts, accessibility and advanced CSS/XHTML

Nice Pictures

Nice Pictures : a mesh of XHTML, CSS and JQuery to produce a slick, professional and activating website for this young film company

view all projects

Digital Marketing Agency Intranet

A static prototype of a new intranet for a large digital marketing agency. Implemented from beautiful designs.

view all projects

Musician

Before growing up and getting a palpable and marketable skill as a web developer I played in an all-singing, touring, drinking, smoking indie rock band. And I was good at it..!

view all projects

The Biker Mice From Mars

When the Biker Mice From Mars returned after over ten years of dormancy, I was responsible for the editing of the American episode tapes, preparing the episodes for television broadcasting in the UK and across Europe

view all projects

Habbosode : The Duck Strangler

In 2006 Habbo Hotel invited fourteen animation studios from across the globe to create a very short animation using very specific characters from Habbo Hotel. This was Catalyst Picture’s submission and the first project I managed.

view all projects

SafeStart UK

A bold, captivating, and child-friendly website for SafeStart UK: developing educational CD-ROMs covering major topics of safety

view all projects

NewTV Studios: 3D Virtual Environment

QuickTime VRs proved to be a short-lived and under-appreciated 3D web technology. This virtual reality environment was created and used as part of a pitch to the BBC

view all projects

Mega Rig Shark Attack Toy Prototype

Now one of Matchbox’s most popular children’s toys, a couple of years ago it was nothing more than a listing Styrofoam model in someone’s bathtub and a fist full of sketches. I, with my colleagues, was tasked with bringing the concept to life.

view all projects

Web Development Roles: An Analogy for Everyone

14.05.2009 0

store-layoutFor people outside of computing, or even who aren’t directly involved in some way with web development, it can be very difficult to understand the different levels and roles of various members within a team and who become responsible for creating their website. Of course there isn’t any set-in-stone roles, many developers transcend and have skill sets expansive enough to cover more than role, but it’s usually the case that if you want the very best, you don’t necessarily want one person who claims they can design and develop your website for you. You might find you end up with a technically perfect website with a nice, but not a visually amazing design. Equally back-end developers don’t generally like the front-end stuff, or don’t have the same level of skills that a front-end developer (should) have. So the problem is conveying this to non-developers (and most commonly: clients and potential clients). I’ve found myself trying to explain the concept of three different roles (design, front-end, back-end) in a variety of ways but over time I’ve developed my “Highstreet Store Analogy” and I’m not saying it’s perfect, but I’ve helped a lot of people grasp the concept of different development roles using it: Read more

Apple: where’s my number pad?

23.04.2009 0

Possibly one of the most frustrating parts of my migration away from the lumbering old PC (which has served me well, albeit on occasion frustratingly unreliably) over to my new Apple MacBook Pro (a set up and operating system I have been using smittenly at work for a couple of years) has been the peripherals: the AirPort Extreme is an innovative and amazing piece of technology that allows me to access my external harddrives over my home wireless connection, but it’s bloody difficult to then use it to share with the other (Windows) computers in the house as well. Possible, but difficult.

Read more

Double Margins Bug in Internet Explorer 6

26.03.2009 0

ie6-margins
The double-margin bug in IE6 is one of those inexplicable behaviours of the aged browser that nobody quite understands: the developers claimed to be following the W3C’s CSS standards with IE6’s rendering, but sometimes this can almost be forgiven: the rules and guidelines are written down in such a verbose and brain-shattering verse that it’s very easy to see where people would perceive different outcomes when reading the same thing.

Read more

Custom Font Replacement with Cufón

25.03.2009 0

Not even a year ago, I spent a couple of days wrestling with Mark Davidson’s sIFR in an attempt to find a cross-browser compatible method of embedding custom fonts into a website I was developing, which the designer absolutely insisted could not use a normal web-safe font. Of course I very quickly gave up and reverted back to a PHP dynamic text replacement module - for all the great things that sIFR has done for the web developing community (and especially in reducing arguments between designers and front-end developers), it’s an absolute pig to get to work reliably across browsers and can really reduce the usability and loading of your site. Not good.

Read more

WebKit CSS Variables

24.03.2009 0

One of the biggest problems with larger application developments is the maintenance. If you’ve ever worked for a company, or somebody (or have been that somebody yourself), who decides on a whim that the dark blue colour used extensively across your website should really be a light shade of green (yuck!), then you can appreciate how time consuming and troublesome this sort of “simple” change can be.

Read more