WordPress 2.5

Having now set it up on a client’s site at work, and being impressed with the experience, I’ve gone ahead and upgraded this site to WordPress 2.5. The changes to the new version are mostly on the “back end” (it’s less unseemly than it… er… seems), but it does feature a built-in photo gallery feature I’m interested in trying out (no offense to the Dutch Monkey… but good riddance to the cumbersome-at-best Gallery2), even though it means the “Offspring” pages will probably be out of commission for a while as I restructure things.

I still haven’t really gotten into using WordPress widgets, and I’m sure there are a ton of other cool things I could implement if only I had the time to discover them. (Although now that I’m actually using WordPress — at least on one project — at work, the chance of me “discovering” these features and plug-ins should increase somewhat.)

Room 34 on iPhone

iPhoneI finally got myself an iPhone on Thursday. In fact tomorrow I will have two, which is one more than I need (and is also a story for another post), but the point right now is that I finally have an iPhone.

Naturally one of the first things I did with the iPhone was take a look at how room34.com looks on the iPhone. And since the iPhone’s Safari browser works pretty well, it looked fine. But since it’s optimized for a 1024×768 display, it also was a tad small.

By now I am all set to create an iPhone-friendly version of the site, but since it’s built on WordPress, I was pretty sure someone would already have created an iPhone-friendly theme, and sure enough, someone did. But they actually went one step further and built it as a plug-in, so you can keep your regular theme for computer-based visitors and mobile users will automatically see the mobile version. Nice!

It’s a bit plain for my tastes, and it doesn’t account for the fact that I’ve built my own navigation bar and menu system for browsing the non-blog pages of my site, but it’s a start. I plan to customize it over the next week or so to look more Room 34-ish, and to include all of the necessary navigation.

OK, Microsoft, you’re off the hook…

But not in the way that the Cheat is off the hook.

I fixed the IE6 CSS problem I ranted about yesterday, and it was perhaps one of the more satisfying solutions I’ve encountered where IE is concerned, because all it required was that I remove a few lines of CSS code that turned out to be unnecessary anyway.

My approach to CSS is one of building a solid page structure and then fine-tuning the details until I have exactly what I want. A side effect of this is that sometimes I leave in unnecessary definitions along the way. If they don’t alter the output in the browsers I test (Firefox always, Safari often, IE7 at least once or twice along the way), then it’s good.

But in this case I had an entire definition that was completely unnecessary. It wasn’t hurting anything in Firefox or Safari, but it was doing all sorts of crazy crap in IE6. Naturally, in such a situation, I blame Microsoft.

To be honest it’s not really (entirely) Microsoft’s fault. I have to recognize that I’m building pages to be interpreted by different rendering engines (the latter part of which is where Microsoft’s blame, to the extent it exists, resides). But there are an unlimited number of ways to write standards-compliant code (which I think I do pretty well, most of the time), not all of which lead to the same desirability of output. So if there’s a standards-complaint way to also accommodate IE’s quirks, that’s the way to go. My biggest problem is that my access to IE6 is fairly limited, and IE7, although it has its own quirks, is a lot closer to what Firefox and Safari produce.

So… there you have it. The site should now look good in every major browser currently in use (Firefox, Safari, IE7 and IE6). If not, complain below!

On a side note, Steve Ballmer sticks out his tongue a lot. (Even when you’re not deliberately looking for it.)

Microsoft! You’ve done it again

IE6, to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee.Drat.

As I was assembling the current site redesign, I took extra care to ensure that this time around it would be compatible with IE6, as much as a I detest it. I got rid of all of the 24-bit transparent PNGs, opting instead for minor design alterations that could rely instead upon 8-bit PNGs, non-transparent 24-bit PNGs or JPEGs. I even tested the code for the navbar to ensure that it was properly floated and that the drop-down menus worked.

But then I must have gotten into a fine level of finessing the placement of certain objects or… something. At any rate, I’ve done something in the past few days that, now that I bother to check, apparently breaks the navbar in IE6.

I’ll have to futz some more and try to undo whatever I did (and hope it isn’t something that’s critical to the perfect layout in every other browser out there). In the meantime, my apologies to my one regular IE6 visitor. (You know who you are.) Oh well, at least I have a regular visitor.

New site design (partially) implemented

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.