My guilt over slighting those regrettably still stuck using Internet Explorer 6 finally got the best of me, and I decided to do a new site design that doesn’t completely break down in that (outdated) browser.

Well, that’s not really the reason I did it. I wanted to take a new approach that allows for more customization of the presentation in different sections of the site. But I made it IE6-friendly while I was at it. The new design is based on another color scheme called “Salamander” that I found at Kuler. (Sorry, I’d link right to the specific color palette but, guess what, it’s Flash. Boo.)

It’s not finished yet, but I wanted to put the necessary pressure on myself to keep working on it until it’s completely done. So now that it’s far enough along to be presentable to the public, I’m rolling it out.

Most of the cool site-specific graphical headers are still missing, so it’s falling back to a generic presentation with a nice garish green band at the top. Certain other fine details are also still missing in the CSS, but I’m getting there.

Eventually there will be more dramatic changes to the page structure: the home page will be more of a “portal” than just a dump of the most recent blog posts; different sections of the site will have different content in the sidebar, etc. But this is a start.

You may have noticed after the current site redesign that the sidebar panels now sport toggle buttons that allow you to open and close them with slick Scriptaculous sliding effects.

I’ve taken this a step further by using cookies to store your panels’ status, keeping the same panels opened or closed as you go from page to page (and between browser sessions… but since it’s client-side, it doesn’t follow you to different computers).

The next step will be to add handles, allowing you to change the order of the panels as well. Stay tuned! (Or not.)

For the geeks among you, I’ve facilitated all of this additional functionality by writing some object-oriented PHP for handling the panels. It’s much cleaner and less prone to error.

If the former is true, it proves the latter. I’ll confess “yes” to both.

Today at work I was doing some miscellaneous web-related research (aimless surfing? no, no, never), and I came across a page of creative 404 error pages that inspired me to finally do something interesting with my own 404 error message.

Having lived in Atlanta (area code 404), I initially set out to do something that played off that. (I know, very original. I just wanted to make sure not to settle for “Tha 404.”) But it wasn’t long before my roadgeek tendencies kicked in and I thought of something even better. Read more »

Here’s more stuff that web designers might find interesting and everyone else will find either irrelevant or won’t even notice.

I kind of liked the abstract image I had as the background of the pages in this new site design (which, if you’re interested, can still be found on my IE6 users’ “welcome” page), but I was never completely satisfied with how it was just shoved into the upper left corner of the window. So I took a horizontal cross-section from a very colorful portion of that design, stretched it out into blurry vertical stripes, and made it the new background.

But, you may notice, there’s a bit more to the background than that. Once again it’s the magic of PNG alpha channel transparency at work. Read more »

If you’ve never visited this site using Internet Explorer 6, you probably are unaware that up until now doing so would load a big ugly alert box explaining how foolish you were being to do so — being that I am an arrogant Mac and Firefox user, not to mention that IE6 is dangerously insecure (besides not supporting alpha channel transparency in PNG images, which are the building blocks of this site’s design).

Today I had the chance for the first time to see just how horrible the new design looks in IE6, and as much as I don’t want to support that browser, I also couldn’t handle thrusting visitors into the hideous mess of this site in IE6 without at least giving them a taste of what it’s supposed to look like first. To that end, I’ve created a more friendly “welcome” page for IE6 users, giving them one last chance to upgrade before proceeding, and in the process showing them a hint of the site’s actual design as it’s intended to appear.

But of course, since you’re not using IE6 (are you?), you have no idea what that page looks like. So, I thought I’d show it off a bit. Here it is. Enjoy. Or not. Actually, it’s not really intended to be enjoyed, so don’t. (I’m really only posting this link so I can test the HTTP_REFERER link functionality I embedded in it. [And yes, I know the correct spelling is "referrer." Tell that to whoever created the names of the HTTP host headers. I mean whomever. So there.])