Okay, I have been working on the site redesign. Not on anything visible, but on the underlying code. Based on an interesting post by Andy Clarke on naming conventions for layout, I thought I’d try and standarize a bit on my actual code.
My goal is to get a template that I can reuse for projects as needed, with modifications for various design problems. But a standard base. I’m getting there.
I don’t want to rush this, but would rather get it right. I think I rushed my previous site, and reworking it was a pain, as it grew cobbled and patched real quickly. I’m trying to avoid that, and make an extendable format.
So, once I get the code framework in place, then I’ll tackle navigation, and then the external, non-blog pages.
Then the design. Which will probably force some code-rewriting. So you’ll probably be stuck with this boring layout for a while. But the end goal is a noble one I think. I’m trying to lay out a repeatable framework that can incorporate modifications with ease. I hope it’ll work like I plan.
Okay, so far the template that I’ll move forward with is thus:
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="container">
<div id="container2">
<div id="banner">
</div>
<div id="main-nav">
</div>
<div id="quickSummary">
</div>
<div class="content">
</div>
<div class="sidebar-a">
</div>
</div>
</div>
</body>
</html>
</pre>
I’m adding in the second container div to allow for double background images if needed. And I’ll follow the same naming convention if I need a double div in any of the subareas (content2, etc).