slayeroffice - web experiments gone horribly awry

01.18.2004 - version 5

I've had it in the back of my mind for a while that I needed to recode the navigation on this site so that is was a semantic list rather than a bunch of block level <a> tags, and yesterday morning I decided that that would be my goal for the day. Wouldnt you know it, a couple of hours later I'd ended up redesigning the entire site.

Funny how that happens, isn't it?

Changes/Additions:
  • No more 1x1 iframe to serve subcontent into the page. This is now done with a PHP include. "But Steve!", you say, "I thought you did everthing client side?". Yeah, well...this is easier.
  • "Mini-Navigation" bar: this is just a bunch of anchor links to the navigation links on the right sidebar. It's done only with CSS and uses the :hover psuedo element of the div container. So, it gracefully degrades in MSIE, giving only the top level links, works as expected in Mozilla/Netscape by expanding the menu, and craps out completely in Opera7. I'm not even going to bring up what a mess Konqueror made of it. So, still some work to be done there.
  • No more green/blue color scheme. See the old site here if you are unfamiliar with slayeroffice.
Next up:
  • Eighty plus sub content pages to be brought into standards compliance. Many of them are very old and the results of much copy/paste work which just proliferated the problem.
  • Getting the aforemention mini-nav to work in Opera/kHTML.
  • Odds and ends like putting the "About" link somewhere.

So, there you have it. The whole thing is even semantic, more or less. If you find any bugs after this weekend, please let me know. The ones you'll find today are probably a direct result of my bad habbit of working on this site live.

+1 on the new design.
Posted by ksmith on January 19, 2004 @ 4:13 pm

Comments have been closed for this post.