More on the blog redesign

Published 9/25/07

A little thanks, a few changes, some background, and some waxing technological.

First, thanks for all the suggestions; keep ‘em coming. I’ve taken many of them and considered all of them, all of which you should see reflected in the design now.

One thing I thought about is what people will see.

Some of you go to the home page (as would many new visitors), but many go straight to an entry, either through RSS, because of a Google search, or because of a direct link. So the individual entry pages had to act as pseudo home pages.

The real reason for the redesign is something you can’t see. The back end was a mess. There were five or six stylesheets, and I didn’t know how many of them were actually being used. There was a mix of old Movable Type entries and the newer WordPress ones, (Turns out WordPress had them all. Once I cleaned out the old MT stuff, everything switched to the new look, even the really old stuff.)

Even if there was only one stylesheet, the code was still a mess. I tweaked it so many times that some sections had two lines of code setting the font when it should have been <h3>.

So the back-end code is now cleaned up, and the pages have been simplified.

Getting a bit technical: I decided not to switch from using tables for the overall structure. I know purists think everything should be done with CSS, but frankly using tables is a lot simpler when you’re doing columns. So all the formatting is done in CSS, while the overall ’shape’ is done with a three-column table. It’s still a lot easier to work with and tweak.

Now it’s just a matter of making sure the design goes through to all the interior pages — the Contact page, for example, didn’t exist for a while. Now it does.

And that’s that. I’m sure to make more changes, but I’m vowing to keep it clean on the back end so when it’s time for the 2009 version, I’m all set.

Thanks for reading this far!

Add to del.icio.us Digg it! Add to Technorati Add to Furl Add to reddit Stumble it!

The Fray


gnomic says:

Nope. I was wrong. I still see font clipping.

September 25th, 2007 at 11:42 PM

Patrick Beeson says:

> I decided not to switch from using tables for the overall structure. I know purists think everything should be done with CSS, but frankly using tables is a lot simpler when you’re doing columns.

Using CSS is not a matter of purity — it’s how things *should* be done correctly.

Columns are quite easy to create using CSS. I’ve done that on my site as well as maintaining a grid and baseline.

If you’re trying to clean up your code, you might as well do it right. I published an entry some time ago about books to read for learning CSS: http://patrickbeeson.com/2007/02/20/5-mustread-books-for-learning/

Browse through some of those and let me know what you think.

Separating your style from markup will reap dividends both now (SEO, accessibility) and down the road (blog redesign).

September 26th, 2007 at 7:03 AM

Gnomic says:

getting better.. but bullet points are appearing outside of the shaded boxes (archives, etc.)

September 26th, 2007 at 8:32 AM

Jeff St Real says:

I like the main post section in the middle as you have it now. Everything else looks great (in IE 6 and Firefox).

I’m not sure about the Google ads on both sides, but hey, if you’re making a few bucks, go for it.

Thanks for the blogroll listing!

September 26th, 2007 at 9:29 AM

Gnomic says:

The 3 columns extend beyond the top banner. They should aline (be the same width)

September 26th, 2007 at 10:34 AM

Gnomic says:

I gotta go with Jeff on this - keep the ads on one side only. I’m ok with them being the center column to not that they are a different color.

I’d put a tagline under the usda logo: “Fodder for grey matter” or some such. It just kninda hands out there with no context otherwise.

The header and footer should remain consistant on all pages.

September 26th, 2007 at 10:39 AM

Leland says:

Looks good to me.

September 26th, 2007 at 1:53 PM

lionemom says:

Font clipping happening for me on my work computer on IE7, WinXP. Cuts them in half top to bottom. Can easily fix by selecting all text, then the clipping goes away.

Viewed on Firefox as well. Font isn’t as pretty and smooth as on IE7.

That is all. I do not have any design comments for you, because it’s YOUR blog. :-)

September 26th, 2007 at 4:16 PM

lionemom says:

p.s. I like the e-mail address posted in image form. That was how Trent Reznor of NineInchNails designed the majority of his website design for his “With Teeth” album. I thought it was pretty clever. (and the image is a lot more user-friendly than “nameofme AT domainname DOT org”, or “nameofmeNOSPAM@domainname.com”)

September 26th, 2007 at 4:36 PM

Andrew says:

The clipping thing is an IE problem. I get it too, and all I do to make it go away is scroll the page down and up. It has nothing to do with my code — just a problem with IE’s rendering engine.

September 26th, 2007 at 4:37 PM

Gnomic says:

OK, I like the darker grey backgroup - big thumbs up. Buts whats ith the graphic of the MTV-like dude in the lower left of the main page?

October 1st, 2007 at 4:49 PM

greyrat says:

More on font clipping: It’s a display issue. Scrolling the page almost guatantees some clipped lines. If I refresh or even just highlight the clipped text and then click elswhere to unhighlight it, the clipped text comes back normal. Annoying, but at least I know I can read posts now with a little effort.

October 2nd, 2007 at 2:47 PM

greyrat says:

Dur! Thanks Andrew. Next time I’ll read all posts before posting myself.

October 2nd, 2007 at 2:48 PM

Gnomic says:

HEY! Bring back the latest posts index!!!

October 5th, 2007 at 1:28 PM

Gnomic says:

AH– a temporary glitch…

October 5th, 2007 at 1:29 PM

pwils says:

The counter is back, thank goodness…….sigh………

October 20th, 2007 at 8:16 PM

Weigh in

Yer name:

Yer e-mail (to be notified of responses or I can respond privately -- never ever shared):

Yer Web site (if you like):

What you have to say (Be civil, or it might be removed; comments with links
might be held for moderation, just so you know):




Site created with

and


Blog run by