Sunday, March 30th 2008

New Blog Design

If you’ve been here before you might have noticed the new design. I got inspired yesterday and thought I should have one if those hip dark wallpaper pattern inspired blog designs.

If you still see my old default design, the Tech Blue, just click Dark Pattern at the top of the page.

I started off by finding a suitable pattern for the background. I found this one:

Black and white pattern background

at, inverted it and used curves to make the pattern a dark grey.

To increase the readability I added a see-through (40 % opaque) black to the main section using the following CSS3 declaration:

#main {background-color: rgba(0, 0, 0, 0.4);}

This is what it should look like:

Screenshot of David Naylor's new dark blog design.

So far, only Firefox 3 and Safari 3 have support for semi-transparent colours (RGBA/HSLA), but I think the text is fairly readable even if you don’t get the darker background. Hopefully the number of Firefox 3 users will increase to about 20 % when it is released this summer, thanks to the auto-update feature of Firefox 2.

I’ve also changed the font to Lucida Sans Unicode (Lucida Grande on the mac), inspired by John Lilly’s blog. I decided to use it for both titles and text.

And here’s what a quote looks like:

I may not have gone where I intended to go, but I think I have ended up where I needed to be.

Douglas Adams

Overall I’m really pleased with the new look. Do shout if you find any annoying bugs.

Comments are closed.