No Pressure, Eh?

I’ve just signed myself up to a portfolio version of Typekit, which might sound a bit extravagant, as I’ve hardly used this blog at all and have so little time to work on my other projects. I suppose it is: I’m busy paving that road to you-know-where with good intentions, but I hope that reminding myself that I’ve just forked out the best part of £35 will, er, encourage me to write more.

I am very excited to try out Typekit! Unfortunately, it’s 10:30 at night, I’m still in the office, it’s an hour’s walk home and I need to go to bed before 12… so I guess that will have to be left for another day. Not to mention that I need to move this blog to a self-hosted system first, thanks to the limitations of WordPress.com.

Instead, I shall go home, go to sleep and dream of what I’m going to do now that I have pretty fonts to play with!

Bathcamp Write-Up

So, my first ever BarCamp has passed successfully and I am mostly recovered from the experience!

This weekend was BathCamp 2009. It was a great event and I met a lot of really interesting folks. The talks I attended were all fascinating as were some of the discussions they spawned in and beyond the room. I won’t summarise each talk here, as Anthony Doherty has done a great job of doing so on his blog, Code and Effect, and we mostly attended the same, but instead highlight a few key points that I feel will influence my own work.

Content Duplication and URLs

Someone (I think it was emargee?) gave an enlightening talk about displaying articles in more than one place without unnecessary content duplication, but this line of HTML really caught my attention:
<link rel="canonical" href="the-original-version.html" />
Google, Microsoft and Yahoo have all ratified the use of this tag to show the location of the original file (so the HTML file at “/articles/2009/08/02/bathcamp.html” could link to the file at a neutral URL such as “/articles/bathcamp.html”). Using this will prevent your site from being penalised for duplicated content. I can see this being extremely useful, plus as it can only be used in HTML documents it will help to convince clients to put documents online as HTML rather than as a PDF or DOC file.

During this same talk, there was a brief discussion of the plus points of using hyphens versus underscores in URLs. I had already stopped using underscores for a readability reason: when a link is displayed with the customary underline, this will hide the underscore. I had an email address with an underscore and often missed emails from computer-illiterate people who thought that it was a space instead. Apparently there is even a difference in how Google views them: it will treat two words with an_underscore between them as a single entity whereas with a-hyphen it treats them as two separate words. This has the potential to significantly influence a site’s search results.

HTML Emails

Rich Quick’s talk on HTML emails made me laugh and cringe, especially his two rules:

  1. Think of how you would code something with standards
  2. Do the exact opposite

It was quite frightening to hear just how much information about you a company can get from emails, and how they could use it if they were underhand. Still, it was interesting to learn the extent of CSS usage (only for text styling, plus you must still use inline styling for <a> tags), that Hotmail on Firefox fails to load images unless they are set to style="display:block" and to avoid background images as much as possible as Outlook 2007 doesn’t support them. Also, there is no using colspan – it’s nested tables all the way! Interesting talk, but I’m hoping I don’t find myself having to struggle with HTML emails any time soon!

All in all, I had a really great time, added more projects to my to-do list and learnt about some really interesting aspects of the web. I am really excited for the next one now – roll on BarCamp Cornwall! My one regret (other than wishing I hadn’t hurt my neck!) was that I didn’t give a talk, so I’m starting to plan my Cornish one immediately!

Contracting for My Web Design Services

I have just signed my first proper contract for web design work. I didn’t think it would be very different but I have to admit that signing on that dotted line did make the whole process feel much more serious and professional.

This new project is just a tiny site for one of the lecturers in my university department, something we’d discussed years ago but never pursued until now. Thankfully he understands that my PhD work comes first – he’s quite happy to claim just a scant few hours from my weekends and is not demanding a masterpiece needing hours and hours of work. In other words, he’s not far from the perfect client currently!

That said, I have become convinced of the importance of contracts even when dealing with the perfect client. My lecturer was happy to sign it, and I think quite impressed that I had one at all. I hope that it has left him much clearer as to his role and mine and hopfully we’ll never need to refer it.

Writing My Contract

I admit that I had put off the writing this for a long time. I’m always nervous to take on anything that I think requires proper legal support – web design is a hobby, not my job, and certainly I have not got enough money to fork out for legal advice! I had always intended to put together a jargon- and legalese-free contract just to set things straight, but it wasn’t until I rediscovered Andy Clarke’s 24 Ways article entitled Contract Killer that I really found inspiration to start.

Andy’s “Killer Contract” is written in normal English for the most part, is easy to understand, reassuringly fair and occasionally humorous. Andy released the full text of his contract under a Creative Commons Attribution-Share Alike license. For those who’ve never encountered the Creative Commons Licenses before, they provide alternatives to the more common “all rights reserved” usage licenses. Adopting an “Attribution-Share Alike” license means people are allowed to use, modify and republish your work as long as they credit you and license their work the same way. I was delighted to see this, and decided that I would create my contract using Andy’s as a guide.

I used most of the sections that were present in Andy’s contract, though some of them were renamed or reordered:

  • Introduction
  • The Basics
  • What Are Your Responsibilities? (the client’s)
  • What Are My Responsibilities? (my own)
  • Design
  • Website Coding and Testing
  • Text Content
  • Photographs
  • Hosting and Technical Support
  • Copyright
  • Payment
  • Legal Stuff
  • Acknowledgements (it was here I referred back to Andy Clarke, linking both to his contract and his website)
  • Signatures

Some of these sections could almost belong in the Statement of Work rather than the contract, such as information about testing, but in this document I have just established the standard testing procedure that I follow. Any more specific information would go into the Statement of Work and that would override the information in the contract. (Maybe I should call this my cascading contract!) The contract is written to be generic; only 2 paragraphs and the signatures are specific to the project and need any alterations. One version of the contract has only dotted lines for the editable content so that all specific sections can be handwritten.

I don’t know if my contract will be of use to anyone else as it is essentially a customisation of Andy Clarke’s, but just in case I will make it freely available here. There are two different versions of this contract: the first has underlined blanks so that you can fill it in with pen rather than altering it before you use it and is both a PDF (web design contract with blanks in PDF format) and a Rich-Text File (web design contract with blanks in RTF format). The other is meant for electronic alteration – the spaces for client name etc are currently filled with [client name] spaceholders and will need to be customised for every project before printing. This is only available as a RTF document (web design contract for alteration).

Like Andy’s, it is covered by a Creative Commons Attribution-Share Alike license: feel free to use or modify it to your heart’s content, but remember to cite Andy and myself. I’ve been told that it reads fairly formally, which is a reflection of me, I guess, so if this suits your personality you may find that useful. Other readers who prefer a more relaxed method of communication will probably want to modify it to suit their own voice.

If you do find this some use, I’d love it if you’d post here to let me know. If you have any suggestions or spot a problem with this contract, do comment, it would be great to hear from you: any feedback is greatly appreciated!

Starter for Ten

…and that’s probably the total number of posts I will write, but never mind: a blog never started cannot be procrastinated over and I would hate to deprive myself of another reason to procrastinate!

In this blog I intend to write about a major focus of my working life: web design and editing. I am currently employed at the University of Exeter as a web editor while studying for a PhD (in archaeology, incongruously!) and am trying to keep my hand in as a web designer on the side. I will publish a number of articles, comments and questions here as well as writing up each web project to give a little insight into my work and processes.

* The title, Starter for Ten, comes from the British television show, University Challenge.