This site has changed a touch…

Hey, I recently had some spare time and decided to give this site a bit of an overhaul. I ended up doing more than I thought and it took a little longer than I though too. It’s still  not finished actually but the little things can wait while I start work on another (paying) project. The main things to have changed are as follows…

General look & feel -

I changed all the colours, graphics and backgrounds. It now looks slightly more retro which is what I wanted.

The homepage layout -

This was the main driver for the overhaul. I did this mainly because I thought it looked a little thrown together before. Now I think it looks alot neater and each element holds its own space better.

Typography -

I really wanted to use Typekit and play around with fonts and thought my site would be a good place to play around with it. For the H tags I’m using FF Meta Small Caps Web Pro and for the body text I’m using Proxima Nova.

CSS3 -

I’m now using some CSS3 styles in my site. Border radius to round off some of the boxes and text shadow on the H tags.

Progressive enhancement -

The H tag font I used looked a little weak in IE without the text shadow so I use a conditional style that changes all  of those tags to use Georgia instead. It’s quite a contrast to have the very bold sans-serif font in Firefox etc and then have the thin serif typeface in IE…but it actually works ok. I may play around with it soon though just to get some consitency across  all browsers.

Things to do…

The main thing I really need to do do is sort out this blog. It kind of got themed based on the main site and still has some areas of concern. Mainly the font layout in the posts needs addressing. jQuery – I use a few jQuery files on this site and I think there are some issues in IE7 that I need to sort out.

I have more ideas on how to development my site and use it mainly as a canvas to try out new things so stay tuned for more.