Web design tutorials

Where do you want to go?

Here are my tutorials on web design, which provide tips and help solve common issues.

How to create the perfect image rollover

An example-based guide on creating valid, accessible and cross-browser compatible image rollovers.

PNG transparency problem in IE6 and below

An article which provides a series of solutions to the problem of transparent PNGs displaying incorrectly in IE6 and below.

What is accessibility?

My tips for more compatible and usable websites that work for everyone.

Understanding and using CSS floats

A short guide on using the CSS float property.

« Back: tutorials

Hi, I'm Jon Cairns

I'm a web designer and graphic designer who likes to create good-looking, accessible websites with XHTML, CSS, AJAX and PHP. I'm also a musician, photographer and student, and I live in Durham, up north in the UK. Use the links at the top of the page or just above to navigate my site, or read my blog to find out what's going on in my life.

Updates

  • 22nd Aug Added a new blog, "The Great Synchronisation". It seems that all of my updates are blogs these days!
  • 21st July Added a new blog entry, the first in two and a half months! Join me in the celebration of this momentous occasion by reading it.

From the blog

28th Aug 09

The Great Synchronisation

A few minutes ago I was sitting on a sofa with nothing to do, thinking, "maybe it's time for my annual blog entry". You may be wondering whether you should bother reading something that's been created simply because I had nothing better to do, but I submit to you that all good things are created that way. Think about it.

Read it all »