A (Very) Brief History of Unretrofied's Design

I haven't written anything meta about this site in a while, so I think I'm overdue to reminisce about its various design iterations. (That's a normal thing to do, right?)

If you like the sound of that, then read on, friend! If not, here's a 34-minute Ron Swanson supercut for you to enjoy instead. Actually you should just watch it either way. I can't top Swanson.

* * *

For those of you who read this site solely in an RSS client and never click through to see my writing in its natural habitat, you may have missed a couple major redesigns in the last two months. Well, I say "major," but I haven't exactly been good at keeping track of version numbers.

Much like a trombone that ostensibly has seven slide positions but in practice has an infinitely variable range, there are particular "moments" in Unretrofied's design history that stand out to me but so many tweaks were made along the way that documenting specific versions seemed futile. I just [Joker voice] did things.

If you held a gun to my head and ordered me to assign some numbers anyway, here's how I'd do it:

Version 1.0
Unretrofied v1

Ah, this takes me back. I was so innocent back then, so naïve. This was my DF-wannabe phase. I still cringe a little, looking back at some of those early posts. By the way, the old site is still live if you want to, I dunno, click around on it or something.


Version 2.0
Unretrofied v2

This was my longest-lasting design by far. It was during this period that Unretrofied kind of started to take off, in terms of my writing ability and the amount of attention it received. I still love a lot of things about this design, particularly its newspaper-y aesthetic. As with many things in my life though, I needed to change it up after a while.


Version 3.0
Unretrofied v3

A short-lived but overall pleasant change from the previous iteration. Many of you will immediately note the resemblance to Shawn Blanc's site, something that earned me the internet version of a sideways glance from several people. I've been quite open about my reasons for the copycatting though.

As I've told everyone who has brought it up, it was an experiment I did while home alone one night, mainly to improve my CSS skills. Nothing more. I used Shawn's site as a template because I really like some of his design decisions, particularly the subtle ones people may not think about (link-list delineation, the transition animation that happens when you hover over links, etc).

This was never meant to be a permanent design. The only reason it stuck around for even a month was sheer laziness on my part. (Sorry Shawn!)


Version 4.0
Unretrofied v4

And now we come to the current version of Unretrofied, my favorite of the bunch. Some of the ideas I got from Shawn's site are still here, but I've mixed them with concepts from "v2.0" and ended up with something I'm pretty happy with.

I'd like to give a huge thanks to my internet buddy Sid O'Neill for helping me with several big CSS issues that were giving me trouble (read: things I broke while ignorantly tinkering). Most notably, the mobile versions of the site—at least on iPhone and iPad—are no longer broken the way they've always been in the past. In fact, this may be the most responsive the site has ever been.

* * *

So there you have it, a brief history of my design iterations. I hope you enjoyed this little tour.