Thursday, May 7th 2009

New Design Done

Well, this is the new modified design. Nice and tight and snug! Obviously the font size in the left column isn’t web 2.0 compliant, but you can’t get everything.

For comparison, here’s a screenshot of what it used to look like:

Screenshot of my old blog design.

So what has changed? To start with I removed a couple of things from the right column and moved what was left to the left column. Then I made the left column quite a bit tighter to allow for 1024 px images in my posts. I tried to use a sans-serif in the left column but the combination looked really weird.

I decided to revert my choice to use a downloaded font, for two reasons: A, i find Georgia is actually prettier than Dustismo and B, I don’t really like how Firefox 3.5 (beta) deals with downloaded fonts at the moment.

Firefox will display the page with the fall-back font first, and then redraw the page when the @font-face font is downloaded. This behaviour is annoying when viewing the page – Safari does this much better. Safari simply waits with displaying the text until the font is downloaded.

While I was fiddling with the design I decided to remove the alternate stylesheets for a slight simplicity win.

I have considered implementing columns in my posts, but I’ll need to think that through properly first.

Edit: Argh!! Internet Explorer 8, supposedly CSS 2 compliant, messes the design up completely. I’ll have to look into that some other time.

3 Responses to this post:

  1. Wayne says:

    Looks good apart from the heading "Web Design, Photography & Stuff" being so far to the right on my widescreen. It should be in line with the edge of the second column.

  2. David Naylor says:

    Good point! I’ll position it relative to the left instead.

  3. Jenifer says:

    Well done . I liked your experiment. Many minds many ways. So keep it up.Thanks form Jenifer.