July 15, 2011
The last time I redesigned my portfolio was in June of 2007. A little over four years ago…that’s a long time.
A couple months ago, the thought of updating it crossed my mind and although I designed a few mockups in Photoshop, I never got around to sitting down and developing it. One of the earlier ideas I toyed around with was this one:
Eventually I fell out of love with it and designed the following one which is the design that made it into the final product.
The 1140px Grid is a fantastic CSS framework for creating a website that can adapt itself for different devices (as long as you keep this in mind during the design). If you visit the site and resize the window to a shorter width you can see the framework in action as the site adapts for the shorter width.
This allows for a more friendlier layout when viewing it on a mobile device. The CSS framework also allows for the use of higher resolution images for devices which have a high density display. (eg. the iPhone 4)
In regards to Stacey, the CMS I used, it’s really great for portfolio situations. As is described on its site, it’s also very lean since it does not require a database. However, it still supports RSS feeds and editing content is a pleasure as each project ended up being contained in its own folder with all the content contained in one text file. With no database involved, I’m able to make updates to my portfolio locally and when ready, push up all my changes with git with ease (using this method).
I went a bit experimental with some of the aesthetic implementations, like choosing to use CSS3 stylings for the About and Contact buttons. They look great in Firefox and Chrome but not as intended in IE 8, and definitely not IE 7. In IE 6 the site blows up. I made the decision not to support IE 6 like with most of the other recent sites I developed as the marketshare is no longer significant. Plus it’s 2011, if you’re still using IE 6, you’re three versions behind. Even Microsoft doesn’t want you using it anymore.