Site Design - January 2015

My goal is to make changes once a month to this blog, as both a test of design/CSS prowess and in an effort to continuously improve it. I’ve started by taking screenshots of both how the site is now and how it looked when first pushed live.

I used a number of resources as reference for how I wanted my site to look. The overall layout - fixed left nav bar, with scrolling content to the right - is becoming popular. I went and made the side bar convert to a top bar on smaller screens, too, in an attempt to make it very readable on a mobile device. I also decided to put a few choice projects on my front page, beneath the posts listing.

Design References:

  • fooforge a blog I stumbled on from the Jekyll site directory
  • Ean Moody having recent projects on the front page
  • Kevin Marsh Another dev blog - I like the narrower padding on the main content
  • BrettTerpstra The larger font and spacing made reading easy - my font is slightly smaller

Then and now: