Artifact 4

I response to artifact 3's results, I have decided that for my 4th artifact I will create a portfolio website that is designed to fit the criteria that was stated by the employers who have helped me with my research (see artifact 3)

This portfolio website will encompass different online presences that employers look for when hiring. It will hold examples of work, blog feeds and Twitter feeds in a one page format.

I feel it is important that this is done over one page because this will mean less navigation involved and many portfolio websites are being created in this style which makes it more up to date.

Here is a quick look at the un-finished portfolio page. Please note, I have made the theme of the page quite plain as it is a generic layout:

I have placed the content in three columns and it is easy to establish which column is what.

The portfolio content uses jquery's 'fancy box' and includes links to the websites displayed. I have utilised 'google reader' to link the RSS feed from my blog to this page. With more time I would hope that some content of each post (a couple of lines at least) would also be displayed instead of only the title of the post. - If anyone knows that this is possible through google reader please let me know - @samkirkfinks via Twitter.

For the Twitter feed I just grabbed the code I already used on my blog and re-styled it to suit this page.


I am working on a nice sliding content area that will come down and give the standard "this is me" jargon, I saw this in a lecture given by a past student www.jupiterking.co.uk . I couldn't find the example I am thinking of but this site demonstrates it with the navigation bar hide/show tabs.

A great example of a single page portfolio can be found here - www.kinoz.com the content areas here are clearly stated although much scrolling is needed, I think the design makes up for it.