Tag Archive for 'Articles'

Taming Adobe colour settings for your web browser

*Some artwork I'm working on*

*Some artwork I'm working on*


If you – like me – are having problems reproducing identical colours between Photoshop and your web browser this post provides a solution.

This post does not concern itself with best practices for printing techniques and managing CMYK colour palettes. I’m primarily a web designer, so settings for print don’t concern me. That said, if you are a print designer you’d still benefit from reading this article, especially if you haven’t come across the term sRGB before.

Mozilla Drumbeat festival: ‘Learning is learning, and learning is good.’

Drumbeat – Mozilla’s flagship festival focusing on net-neutrality, openness, and freedom of learning and expression – begins today in Barcelona, Spain. After spending an evening scoping out the scheduled events, workshops, and folks involved, here are some of my MASSIVELY cool highlights and things to watch out for in 2011:

Universal Subtitles

I was impressed to hear Robin Christopherson, Head of Accessibility Services at AbilityNet, sing the praises of YouTube’s auto-captioning tool at FOWD 2010 earlier this year. Mozilla‘s new open source tool – Universal Subtitles – aims to help translate even more videos into a format capable of being easily consumed by deaf and hard of hearing users, as well as ensuring that popular search engines – like Google – can access and archive important video content for years to come. View a video introduction to the new Universal Subtitles tool in all its HTML5 glory.

99 (CSS) problems, but liquid ain’t one

Experiments with liquid CSS layouts

Experiments with liquid CSS layouts

We all know liquid is important, right? (Doctors recommend 1.5-3 litres per day :P)

Some of you may have been fooled into thinking liquid and elastic layouts died as soon as browsers deployed native zoom a few years back. I’ll assume you understand – with a fair degree of knowledge – the technical and usability ramifications of implementing fixed-width, liquid, and elastic web layouts. If not, then the following should briefly clear the haze:

Fixed-width layout

Dimensions have a fixed-width pixel (px) measurement.

Random background images with CSS background-size

So you want to display background images on your website?.. Coincidence – me too! Firstly why not pause for a second and refresh this web page for a while and appreciate the lovely photography :P

Mac OSX, Safari 5.0 screenshot

Mac OSX, Safari 5.0 screenshot

If you’ve tried background images (unsuccessfully) in the past, no doubt you’ve come unstuck with a few of the same sorts of dilemmas as I have: the first culprit being content vs. image legibility, and the second being each image’s responsiveness to the viewport (will the image tile or stretch?; in which case you have to start thinking about tessellation accuracy and file size etc.).

Form input labels with (HTML5) placeholder attributes

Update 16/12/2010

I used this jQuery placeholder plugin to do the job today and it worked nicely.

The new HTML5 specification introduces the form input placeholder attribute, which allows us to define a hint to help users fill out input fields. If you’re using a WebKit-based browser right now you should find working examples of the new input placeholder in use on this page.

Working with form elements, especially labels, can present a dilemma for many…

IE6-8 CSS3 border-radius support with CSS3 PIE

I received a wonderful tip-off from one of my colleagues this week via Slashdot. My dreams had come true and along with it sanctimonious giggles for all the people I’ve known in the past who’ve worshiped Internet Explorer enough to waste time and money on supporting the browser’s lack of CSS support, rather than engaging with – let’s face it – more useful and engaging tasks; tasks we should all justify and convince to our clients before a project begins.

Umbrellas before clouds

"I'm Balloon Fighter" logo by Polygraph Studios

"I'm Balloon Fighter" logo by Polygraph Studios

So over the last few months I’ve been cautiously experimenting with putting in place processes to handle dealing with the routine tasks us deselopers have to handle on a regular basis. I’m not talking new tools, dope apps, or revolutionary sleep techniques, but simple client correspondence.

I would often find myself spending tens of hours on a weekly basis answering emails that didn’t need to be answered

Stuff like:

  1. Acknowledging new clients with new projects and work proposals.
  2. Acknowledging friends with new projects and work proposals (they’re very different).

Part 1: How to freelance (successfully)..?

I’m getting asked this question regularly now. I’m taking it as a compliment and giving my take…

I ♥ (good) design

I ♥ (good) design

It’s almost 2yrs since I moved to Bristol – my home – after studying in Leeds (mum/dad – I confess: I never graduated). When I moved to Bristol I had no friends or family here, no job, no contacts, no clients… Not just that, but starting my own business – freelance is just part of [it] – began to cost lose me friends, relationships, and any chance of forging or rebuilding them again. Thankfully this is now the total opposite.