Bernzilla Redesign 2006: Requiem

Album Cover: The Downward Spiral

"Everything's blue in this world...the deepest shade of mushroom blue."
NIN / The Downward Spiral

Posted on July 03, 2006 1:50 AM in Web Design
Warning: This blog entry was written two or more years ago. Therefore, it may contain broken links, out-dated or misleading content, or information that is just plain wrong. Please read on with caution.

Well, guess what? It's been less than a year and I've already redesigned. I present to you, "Requiem."

As you can tell, I've jumped on the dark design bandwagon, but it's all good 'cause it's a path I've been down in past lives.

My original design concept looked nothing like what you see before you now. The header, with its slow fade from a dark to lighter grey, was there all along, but originally I was working with tan colors and experimenting with pixellated backgrounds. As is typical of my web design experimentation, I almost gave up on taking the design to production, that is until I dropped one of my favorite photographs into the mix. The crow image is one I took during a whale watching trip last summer. Once it fell into place, so did the rest of the design. It's amazing what natural combinations of color will do for a design. It's a lesson I seem to be learning over and over again...

Fortunately enough, the underlying structure of the site hasn't had to change at all, beyond a few minor tweaks to some of the form elements. This is one of the many benefits of the separation between style and presentation that standards-based CSS design allows.

I'm looking forward to your comments, so please feel free to share. Oh, and if you notice anything wacky going on, I'd love to know about that too.


Yoel Roth on July 03, 2006 at 5:11 AM:

While I don't comment on your posts nearly often enough, your designs seem to always make me overcome my laziness and actually write something. You've really done a fantastic job with this iteration; the blue background and dark gray "content area" (for lack of a non-technical-sounding term) is an execution of the "dark" idea without making it seem overly-dark, like a lot of the concept art I've done for redesigning my tired blog.

(Goodness, it's been a while since I coded that theme; I blame LiveJournal for being too stupid and unruly. But a new version is in the works, as always.)


Bernie Zimmermann on July 03, 2006 at 7:59 AM:

Yoel, thanks again for your feedback. I know I've said it before, but coming from someone with an obvious taste for good web design (and good music, too, by the looks of it), it means a lot. I look forward to seeing your next iteration.


Lim Chee Aun on July 03, 2006 at 9:04 AM:

Just a note. When I increase the font size from my Firefox browser, the top navigation bar gets a bit 'shifted away'. I supposed it's an intended effect?


Bernie Zimmermann on July 03, 2006 at 9:28 AM:

Chee Aun, good catch. When I try it, it looks like I can get away with one magnification level, and then it jumps down over the image since it no longer has room to the right of my name in the header. Is this what you're seeing too? Because the navigation menu is floated to the right of my name, I think my only other alternative would be to change the behavior so that the tabs either overlap or show up behind my name. Since that doesn't sound all that much better than the current behavior, I may just leave it as is. If you (or anyone) have any suggestions on how to better handle this, though, I'd love to hear. Maybe something along the lines of max-width in the tab links?


Rami Kayyali on July 03, 2006 at 2:37 PM:

Bernie, that's a very nice redesign, much cleaner than the old blue one and pretty elegant.

Keep it up :)


Bernie Zimmermann on July 03, 2006 at 11:23 PM:

Rami, thanks for the kind words.

Just as an aside, your post on the stagnation of LAMP was a very interesting read.


ifyrnsco on July 18, 2015 at 4:55 PM:
bcyjabsa on May 15, 2017 at 5:20 AM:

Post Comments

If you feel like commenting on the above item, use the form below. Your email address will be used for personal contact reasons only, and will not be shown on this website.


Email Address:



Check this box if you hate spam.