Jonathan Nicol

Category / Web Design

10

Microsoft drop the ball with Outlook 2007

Well it looks as if Microsoft has screwed up royally with Outlook 2007, at least insofar as the way HTML emails are rendered. Instead of using the not-too-shabby Internet Explorer 7 rendering engine to display HTML emails, Microsoft opted to use a customized version of the Word 2007 rendering engine. That’s right, from now on your beautifully constructed HTML newsletters are going to be rendered by the crime against layout known as Microsoft Word. That fact alone was enough to send shivers down my spine, but when I dug a little deeper I discovered just how dire the situation really is.

Continue reading

1

Firebug

So I’m back from my Christmas break, two weeks spent on a whirlwind “tour” of New Zealand catching up with family. It was a blast as always, but god damn it was cold for this time of year! I’m back in sunny Melbourne again and slowly easing back into work mode, and I’ll kick my blogging year off nice and easy with a review of Firebug which I ran out of time to finish before my holiday.

Firebug logo

Continue reading

3

When to stop testing?

As a web developer there comes a time when you need to consign a browser to the dustbin of history, and remove it from your testing suite. It’s a decision I find difficult to make – I am a visual designer and hate the idea that a website I built might look less than perfect for anyone at all. But to offer our audience an experience that takes advantage of the best the web has to offer, it is necessary to weigh the needs of the many against the needs of the few. In this article I will look at some best practices for dropping support for a browser, and suggest a list of browsers that make the cut (and ones that don’t).

Continue reading

12

Web design tips for print designers

Web design tips editorial illustration

Over the years I have had the opportunity to collaborate with a number of print designers on website designs. The way these collaborations usually work is that the print designer will mock-up initial static layouts for the website, and it will fall to me to bring their mock-up to life in either Flash or HTML. These collaborative efforts can be very rewarding, but there are a few common “gotchas” that tend to catch print designers unawares when they first try their hand at designing for the web. Most of the problems stem from design challenges that are particular to the web, and wouldn’t typically be encountered by a print designer.

Continue reading

4

Transparent PNGs in IE6 standalone

Now that Internet Explorer 7 has been released, I imagine many web designers will be running it as their default installation of IE, and using standalone versions to test sites in IE 6 or older. One longstanding drawback of these standalone versions is the inability to use the AlphaImageLoader filter, which enables the display of transparency in PNG images. Thankfully there is now a simple solution at hand.

Continue reading

2

Educating your clients

In my experience, most web design clients don’t know much about design, and even less about the web. This isn’t a fault, and it doesn’t make them a bad client. It makes them a regular web user. But sometimes the knowledge gap between a designer and their client can lead to communication problems. I have found that with a little education my clients are better equipped to understand my decision making processes, and we are able to start talking to each other, rather than past each other.

Continue reading

41

The visual design of Web 2.0

If you didn’t blink, you may have noticed that for a few days recently Wikipedia’s entry for Web 2.0 included a subsection describing the visual elements of Web 2.0. Gradients, colorful icons, reflections, dropshadows, and large text all got a mention.

A few days later the “visual elements” addition had been removed after a vote by wikipedians. The objection, I suppose, is that no set of visual criteria can accurately define something as being characteristic of Web 2.0 – if Web 2.0 can be understood as an approach to generating and distributing content, then it needn’t be tied to a particular visual style.

Nevertheless, it’s true that many Web 2.0 sites do share a distinctive aesthetic. Wikipedia’s editors may not think it’s a worthy part of the Web 2.0 discussion, but I say bring it on! Let’s take a look at the some of the communication issues facing a Web 2.0 site, and see how the “Web 2.0 look” can help to solve them.

Continue reading

0

Getting HTML newsletters right

For a long time I was wary of designing email newsletters. I had read how difficult it was to construct an HTML newsletter that displayed as intended in all the popular email clients. I had heard about the horrors of creating layouts using tables. I had been warned about the perils of using CSS. But this year I have had several clients request that I design email newsletters for them, and had no choice but to school myself in the arcane art of HTML email design.

Continue reading