Redesign (Whoomp, There It Is)

OK, so here you have it! Just after midnight. There are certainly still bugs in this design, but we’re most of the way there. I’ve got a few other bobbles and extras I’ll be adding in the coming days and months, but this is the main look and feel for the thing. Watch the upper-right corner of the main white window for something fun in the coming days (or weeks if I’m really busy). I’m really hoping you’ll all give your honest feedback about it. Even the silent lurkers! It was extremely challenging to get it all to work even as well it does, but now that it’s up, it feels really rewarding.

Those of you who aren’t using Internet Explorer are probably being treated to the goodness known as PNG images. (Soon the IE users will also get to see the PNGs properly once I’m done making the necessary tweaks. Right now they unfortunately see ugly grey areas where the images are supposed to be transparent.) The “joshlewis.org” graphic at the top and the drop shadows and rounded corners on the main white window are all PNGs. Even the upper-left corner is rounded. You just can’t see it without removing the joshlewis.org graphic. But if you did, you’d see it under there.

My friend Eddie said something on this very blog a few months ago that I’ve had running around in the back of my web-developing brain since then. He said that websites (or at least a few that I made) look too boxy. I thought about that comment and I decided that I agreed enough to try to do something about it on my site. I don’t want it to be boxy, I want it to be beautiful. I want it to be layered and kinda pop out at you when you see it. Boxy flatness is a common problem, but most web designers satisfy themselves with either 1) looking boxy because it’s too hard not to, or 2) using lots of solid background colors that cover the entire page, thus giving the impression that it’s not their website that is boxy, but that it’s really just the browser window boxing them in. I didn’t want a solid color background, but I also didn’t want corners in my design. (You’ll notice that there is currently not a single right angle in this entire design.) So I sought out the wisdom of the web design geniuses at A List Apart, and I quenched my thirst with their article titled CSS Design: Creating Custom Corners & Borders Part II I didn’t end up following their recommendations to the letter. I had to improvise a bit because of a few differences in my code, but it turned out pretty well. It took me about four hours of intense negotiations with the CSS and XHTML to get it to work.

I’ll continue tweaking what you see based on your feedback over the next few weeks. You’ll notice that the individual entry pages and comments stuff haven’t really been tweaked much yet. I’ll get to it.

Update: w00t. It validates.
Update 2: I figured I’d post a JPG of what it’s supposed to look like so those using IE can see it now. (Then again, they could just download Firefox if they wanted a better browsing experience.)

Delays

I stayed up past 2am last night reading about how I’m going to do some stuff I wanted to have done before noon today, and due to a brief trip to Fry’s Electronics, it’s looking like the changes I’ll try to make today are going to be made after noon rather than before it. So please hang in there if you’re coming around here expecting to see some big change, or see the “orange” thing that everyone keeps buzzing about. I’ll probably be picking this blog apart piece by piece this afternoon, and it’s going to be a horrible mess. But I know you’ll be patient, and also use the comments on this entry to laugh at how strange it looks when it’s in mid-change.

Thanks. I know I can count on you guys.

Public Humiliation

I don’t know what this guy is thinking, but in a way, I respect him. Maybe the guys who work on Internet Explorer have, within the last 24 hours, wised up to the fact that their browser might blow chunks. Either way they’re taking a cue from Dave Hyatt’s Safari blog (and others) and making their own blog for IE, namely IEBlog, which is hosted on Microsoft’s own servers. It’s official and everything.

The idea, as Scott Stearns, the Test Manager of IE (what does this guy do?) puts it, is this:

We’ve heard loud and clear that many people want a better connection with the IE Team. We’re happy to do something about it.

Our goal in this blog is to be a good place, direct from the source, for information about IE. What are we working on? How do we make decisions? Why does some part of IE work the way it does? What keeps us up late at night? What are we thinking of around security, extensibility, and other key areas? Hey, any good tips and tricks?

But when he posts a rather-loaded entry called I Love This Browser!, he tempts fate a little too much, and gets dozens of comments like this from random strangers who know IE quite well:

As a web developer, I’m doing everything in my power to get people to switch away from Internet Explorer. This is because, when developing websites, I author to standards, it takes a few minutes to tweak things to get everything perfect in browsers like Firefox and Safari, and then ages to work around all of Internet Explorer’s bugs and shortcomings…

PNG is almost eight years old and Microsoft promised PNG support for Internet Explorer 4.0. Given that Microsoft are the world’s biggest software company, it looks very much like standards are deliberately being sabotaged. Is it any wonder web developers are starting to get royally pissed off with Microsoft?

Man, this is gonna be so fun.

Fear and Perfection

Steph and I were talking about my blog the other day, and she said that all the redesigns I’ve done of it (I think I’ve done four now, and she’s the only one who has seen all of them) were better than what I currently have, but for some reason I’ve stuck with what I currently have for well over a year now. The only reason I was able to give for that odd fact was that the other designs were never ready. She, being the artist, then taught me that nothing is ever ready, and it’s better to put whatever you’ve got out there for people to see than to sit around and tweak it in the hopes that it will somehow become a masterpiece. Because it probably won’t, and no one will ever benefit from it.

So here’s what I’m going to do: I’m giving myself a deadline of Saturday the 24th at noon to work on and post whatever redesign I can muster. But I have to post it no matter how ready it is. So it might suck. And it might break stuff. Or it might be mediocre. But it must be up, because that’s when it’s due.

So, watch this space. If I’m feeling especially risky, I’ll post several tweaks throughout the week. We’ll see what happens. Maybe it’ll become an interactive design session between me and all of you!

I love you, Vonage

Holy ones and zeroes, you’re not going to believe this. A few weeks ago I signed up with Vonage as a part of the shake up everything I know about phones effort I’ve been having recently. But I never thought it was going to be this cool.

I got the little kit Vonage sent a couple weeks ago and didn’t have time to hook it up, so it sat in my den, looking at me with those I’m-technology-why-aren’t-you-playing-with-me-immediately eyes. I broke down tonight and followed the eight-step instructions to install the thing. I guess I was scared it would break my Airport or something. Foolish, groundless concerns. It was installed in 10 minutes, and it would have been 5 if I hadn’t been cautious and read everything through even though I already knew how it was supposed to work. Let me tell you something: it’s unexpectedly eerie to pick up your phone and hear a dial tone when it’s not plugged into the wall. The wall jack is just sitting there empty with no cord in it. It’s like the horror scene in the movie where the doll plays its little recorded message when they push the button, and then they turn it over and there’s no battery in the back.

On the list of nifty features Vonage offers, I notice that you can email your voicemail to yourself. This is like a geek dream, people, so you know I’m not going to pass this up. I set it to email a mailing list that will automatically send the voice mail message (in WAV format, but no one is perfect) to a mailing list at joshlewis.org that Stephanie and I (and obviously only Stephanie and I) are on. Then I called my number (my temporary fake number since the phone company hasn’t let go of my landline yet) with my cell phone and I left a very brief, stupid, testing one-two-three message.

I got this in my email ten seconds later. Ten! Seconds! Later!!! It’s crystal clear! It’s beautiful! It’s my voicemail! My cell phone reception isn’t even that good in this area.

Have you ever been at work and wished that you could find out easily if you missed a call at home without dialing your phone number, waiting for your voicemail to answer, putting your pass code in, listening to the lady tell you which numbers to push, blah blah, on and on? Well, this is the solution.

I would highly encourage you all to look into Vonage if you’ve got broadband already. I mean, you get up-to-the-second usage reports of both incoming and outgoing calls, how many minutes they lasted, what numbers they were to, you can forward your calls to other numbers, do the voicemail thing, set up virtual phone numbers… the list is endless. Yes, I realize there are probably quirks and bad points, but this is so much more for so much less. I’ll take it in stride, and kiss my landline goodbye for a stream of bits.

The phone is dead. Long live the phone.