Monday, January 11, 2010

Grid Portfolio

After taking a look at this jQuery plugin called jQuery Masonry, I wanted to try this out on my portfolio (dark, light versions).

Dark version:

Light version:

As you can see, I gave it a grid background to help align my layout. I also gave it some jQuery animation goodness (the way the image fades in and out when you hover over it). I used the font “Georgia” on the dark version and “Palatino” on the light version. I have never tried using a non-safe font before but it looks awesome. I may give TypeKit a try one day.

I really dig the light version. I don’t know if I would consider this a redesign but I sure like this look. =)

Another benefit is that the page weighs less than both the previous versions:

Previous versions were between 400-700kb and 3-4 secs.

Overall, I would say this is a success. I don’t know how this page would look in Internet Explorer and I wouldn’t try it if I were you. I’m also beginning to realize that having a portfolio in Wordpress would probably speed up my design process because I wouldn’t have to retype and copy and paste a lot of clients’ names. Maybe that could be the next project. =)

Notes