The ever evolving illegitimate child of my career aspirations and lack of design skills that is my personal website has gone through another mutation.
I wanted to make the site more active, place more longform content on there as I try to improve my writing. I've ditched the idea of a blog and have gone for much more pretentious and arrogant sounding "Articles", along with "Links" links are interesting bits from around the web that only need a paragraph or so to explain.
I also wanted to play around with more unique layouts for each post, but only using standard markup, or no additional classes or id to content, except it's bounding div. This will always be a text heavy site, I like text heavy sites that contain long articles and only use images when needed. I'm not a fan of sites that put an image in an article just to "liven it up a bit", those images always end up being some tenuous, abstract image that doesn't always quite sit right. In a poor imitation of how the greats like Jason Santa Maria makes a unique design for each post I wanted to imitate that, and provide the visual stimulus through the layout. By using pre defined CSS classes for each article it's something that I hope to be able to use on clients site sometime in the future.
At the moment I'm making very heavy use of CSS3 pseudo selectors, p:(n)th-child for example to provide that layout, so don't expect this to work on any IE less that 10, and only the latest webkits and FF. Thats fine by me at the moment as it will fall back to a classic boring single column layout.
Right now also the typography needs some serious work on it. I'm still working on this at the moment and will probably end up getting some help with it from someone who know what they are doing.
There is plenty that needs tweaking on the site at the moment, <hr> tags are duplicating, footer is unfinished etc, but I would appreciate as much feedback, hints, tips or even pictures of horrified typographers faces as possible.