Web...

[Dave S]

On Wednesday 18 November 2009, Mikael Hansson wrote:
> Any suggestions/comments from the webwizards here?

One very quick look before I go to bed.

Looks pretty good, XHTML validates, CSS almost validates, check:

#content .inner {
   margin: ;
}

Should probably have 0 in there, just to be on the safe side.

I would tend to space the lines of text out a little more, like...

p {
  line-height: 1.4;
}

... seems to make things a little easier to read in my browser (Firefox 3.5 on 
Linux), though you might want to experiment with that value a little bit.  I 
usually set it to something between 1.2 and 1.6, depending on the font and on 
the feel I'm after.

But other than that, I can't fault it much.  I'm not the hugest fan of the 
shade of green you've used behind the menu (derived from the main header 
image, no doubt) but this is just a matter of personal taste.  I would have 
picked something with a little more contrast difference from the light grey 
you've used (the green is rather similar in terms of contrast).

Oh, and one other tiny criticism - it looks to me like you resized your images 
with a rather poor anti-aliasing setting, most noticably on the Fig 2 and 3 
images, but also on the Fig 1 image to some extent.  These images lack the 
crispness I would be aiming for on a web page, and I wonder if you couldn't 
resize them with better settings in order to improve the quality a little?  
(If the source image isn't particularly large to begin with, then perhaps try 
resizing to a nicer fraction, such as 10%, 25%, 33.33% or 50% original size, 
and see what that looks like?)

And I'm off to the land of nod - night!

Cheers,

~Dave