Ok, so it’s no surprise that I’ve got a new design here on my blog, and of course I won’t make any apologies as it’s been nearly 3 months.
Now that we’ve gotten the obvious out of the way, I wanted to take a few moments to go into detail about the design I’ve got now.
The Background Image
A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
Since I had spent the last 3 months on a minimalist design, I wanted to do something different. A week ago our family had professional photos taken, and the day we got the proofs I began this design.
I had a hunch I’d be in redesign mode when we did the shoot, so I asked our photographer to take some individual shots of me so I could use them for the site. And naturally, I choose to hold a cup of Starbucks.
Since I’m using percentages with the way I’ve laid out the site, the section of me holding Old Faithful remains just to the right of the content area.
This was something that I really wanted to control all the way down to the iPad media query, so I was happy that it worked out.
Sticky Header and Box Shadows
Another thing I wanted to make sure that I included was the idea of a sticky header — since I’m not using a sidebar, this way an important way to allow folks to navigate throughout my site.
This was done with some simple CSS, which wasn’t difficult at all to pull off.
As I mentioned earlier, I had been getting a bit bored of the minimalism I had on my site, so I went to the interwebs for design inspiration.
I stumbled across Richard Branson’s blog, and immediately fell in love with the way his entry content sections looked.
So like every good (and honest) designer, I conceptually ripped his code and now have a really groovy box-shadow effect throughout the site.
Post Formats, Social Icons and the CTA
If you head back to the front page of my blog, you’ll notice that there’s bright green (yes, Starbucks hexcode #2a8a15) box that has a quote from my favorite literary person, Henry David Thoreau.
From time to time, you might see green boxes throughout my site of quotes, links and the like — but don’t worry, I’ve excluded them from the feed so you get emailed with every thought I have.
Since my header no longer had space for social media icons, I used CSS and positioning to get them in the upper right hand corner of the screen.
Speaking of CSS and positioning, I also used some of that to place the green Want this Theme? link in the lower rand hand corner of the screen.
To be honest, that button can (and will) be used for many things here on my site, but at the moment it’s serving as an experiment.
Go ahead and click it, and you’ll see what will happen.
Wrapping Things Up
At the end of the day, the new design is just me being me. I got bored with my site, wanted to kickstart a content creation movement and had a vision of what I thought might look cool.
What you see now is the result of that vision and a few hours of my time.
So what I really want to know … is what you think.
Is this something you like? Do you have a high-res photo of yourself that’s proportionally places you where I am in the background image?
Is it something *cough* you’d buy if we sold it over on StudioPress?