My friend Matt Mower recently pointed me to the Blueprint CSS Framework, a very nifty set of modular CSS stylesheets and accompanying sample files that help a neophyte web builder create nice looking sites with multi-column layouts while still using CSS.
I can’t point you to my results yet, but I can say that it’s helped me immensely and allowed me to actually structure a multi-column web page without the use of tables.
About once a year I foolishly take on the task of designing a new website. As you can see from the HTML on this very page (assuming you’re looking at my web page and not the RSS feed) this effort has never actually resulted in a new design for b.cognosco. But never mind that.
What normally happens is that I spend days and days with high blood pressure, evolving a blue-streak vocabulary, throwing temper tantrums, and being cruel to small animals while I try to get HTML to do what I want with my limited understanding of the all too cryptic CSS.
Once I have good and well failed at that I try to hire someone to help me. I am a cheap bastard and have no interest in going out to *real* designers who will charge me $3,000 – $10,000 for a website that is basically for some hobby interest of mine or some freebie for a friend. But I am also a contrarian – so I do not wish to click over to TypePad or WordPress and grab up a template that is in use by a few hundred other people. I like to do a lot of stuff that simple templates don’t cover.
So I do various mockups of the page in something I can understand (like Adobe InDesign) until I have something I am happy with, create a PDF, and send it to some HTML slice-and-dice service or con one of the many web people I know into doing a little work for me on the side.
Sometimes this last approach works out ok except that no one creates CSS stylesheets I can really understand. So even if the site looks good I have to spend days of frustration trying to understand the nesting and tagging and inheritance and hacks and browser-specific workarounds that everyone uses.
But Blueprint has made it a lot easier, and more understandable, to use CSS by providing a discrete grid for layout and a well-documented set of stylesheets that explain what things do. I’m told the grid is even quite useful for experienced web designers to speed their basic development. I’ll put some links to the new site(s) here when they’re ready. In the meantime, try out Blueprint. It’s nice.