Layout (Almost) Complete

Thanks to the lovely folks at the CSS Forum, I now have my basic layout set up as I had wanted. I still need to design my very first masthead, figure out my site structure and navigation (i.e. pare this sucker down), and finish my background image to my satisfaction. Then, and only then, will I be prepared to shell out some coin for “real” webhosting. And, after that, I will refamiliarize myself with installing perl scripts on a remote server (which actually shouldn’t be too hard—I mean, if I could install a guestbook script back in the day, I can certainly install and configure Movable Type six years later).

Questions, though: Amy, I know you use Firefox. When you scroll my test page, does the “transparent” background kind of jump? I think it’s just a video RAM issue on my box, but I can’t be positive. It does the same thing in Netscape 7.2 (which I downloaded for testing purposes only). The only reason it doesn’t do it in IE6 is that Explorer is fubar and doesn’t display the background properly… but I kind of like the funky effect it gives, so I’m keeping it, even though it’s not what I was going for. Oh, and incidentally… Firefox is now my default browser.

Overall, I believe I am pleased. Any comments on the layout: good, bad, ugly? I’ll get the masthead up as soon as I get it designed. 😉

CSS Is Driving Me Insane

Interesting evening. The original plan had been:
1.) do yoga while watching local news
2.) eat dinner during national news
3.) brush teeth, practice mellophone
4.) water plants, indoors and out
5.) put clean clothes away and other minor straightening-up
6.) play with new website

The actual plan became:
1.) super-hungry. ate dinner during local news.
2.) watched half of national news, then fell asleep.
3.) came downstairs at 7:15pm. turned on computer.
4.) messed with website for two hours.

Finally got it to look almost right in Explorer, but (as Amy will notice) it looks totally fubar in Firefox. ARRGH! WTF?! I enjoy a good intellectual puzzle, don’t get me wrong, but I am getting seriously peeved at this.

After all this tweaking, I just hope I can make Movable Type work with it OK without resorting to using one of their templates. Good gravy.

Working in a vacuum

I was never very good at working alone without peer feedback. So, I present for your commenting pleasure, the redesign work-in-progress. It still needs lots of detail work, but this is the general layout I’m thinking of starting with. I know I’m violating some cardinal rule of a website redesign by letting you see it way, waaaay before it’s ready for prime-time, but I’d like some comments. And, hell, it’s not like I have a really huge reader base, anyway. We’re all friends here.

FYI, this is a jpeg of a Photoshop comp, originally 1024px wide. The main content area is arranged so that users with 800×600 resolution can still see the entirety of the content. I’m planning to go whole-hog CSS this time, so the partially-opaque backgrounds will actually be DIVs with an opacity setting, not some trickery of background images. The flower background (and likely the color scheme and masthead) will change as the mood strikes me, although whatever image is there will remain fixed as the page scrolls. I’m defenestrating the iFrames. (Look it up.)

I’m not positive I’ll be keeping the TagBoard, as I’m hoping to upgrade web hosting and move to some sort of publishing software that allows comments. However, if I do keep it, you’ll all be glad to know that I’m working on upgrading to TagBoard Advanced. I doubt it’ll be around for the new design, though.

Comments from the peanut gallery are welcome and appreciated.

Ready for a Redesign

Yep, I think I’m ready to embark on my website redesign. Maybe if I had a real website with real content, I could get recognized in the “blogging community”… or some shit like that. I mean, shit, look at Dooce. She writes about her new baby, and breastfeeding, and getting fired from her job because of her website, and wrapping pasta around her dog’s snout because it’s funny. We’re both intelligent ex-Mormon women with a good sense of humor and a decent amount of web design skill, IMO. If I spent some quality time on my new site, got it to look all spiffy, maybe spent another few minutes actually composing blog articles rather than just being satisfied with my stream-of-consciousness posts?maybe then I could get some new readership. Or at least feel better about myself.

Next weekend: Mom’s visit and our trip to Dayton. Visit Grandpa and Grandma Cook and Amy.
Weekend after: Michigan Ren Fest (maybe)
Labor Day weekend: Taste of Cleveland (maybe)
Following weekend: Saginaires / Northern Aurora alumni picnic & Black Swamp w/ Amy
Weekend after that: Gravity Games in Cleveland Saturday & parade on Sunday

Gotta staff the phones tomorrow. Blech. I don’t mind it so much, except that I have some stuff from last week to wrap up, and new stuff to learn for this week, and it’s just about impossible while answering phone calls all day.

Redesign Step 1: Figuring Out What I Like

So, my computer is happy once more, and I have completed my tour of neat websites.

As with many things, sometimes I just like a website’s design without really thinking of specifically why I like said design. So, to make myself pay attention, I made a list of likes and dislikes as I websurfed the elite list, so I can integrate some specific ideas into my redesign.

My likes (and I apologize for not writing in layman’s terms):
+ a:hover / mouseOver background change on links
+ neat “ ‘s in blockquote backgrounds
+ little “about” blurbs in the sidebar
+ photographic mastheads with logomarks
+ cute little icons in front of post titles
+ kitsch. 50’s pics. retro fonts.
+ having the latest blog entry right up front
+ the ‘currently hearing‘ plugin
+ white (negative) space and an obvious focal point
+ partially opaque backgrounds for text
+ 5px borders on photos
+ logos with truncated letters (i.e. with the bottoms cut off)
+ simple, understated color palettes

My dislikes (or, things that seem chichéd or annoying):
+ centered layouts with patterned backgrounds on the sides
+ cute little icons in front of post titles
+ folder tabs
+ distressed-style graphics
+ overly large header graphics
+ cluttered teeny type
+ boxes with 45° cut-out corners

These are not, obviously, comprehensive lists of everything I like about every cool website, and I’m sure my likes and dislikes will change with time. They always do. After all, I once practically wet myself seeing this on an Apple Cinema Display, and now I just yawn and wonder if he’ll ever update his style.

On a similar note, I had an interesting conversation with one of my co-workers today. My partner in the duty rotation had mentioned that he’d been to college, so I asked what his degree was in. This opened up a floodgate of information—for which I was thankful, because it made me feel a little less… well, like a professional failure, to be blunt. Anyway, this guy graduated business college with an MIS degree, had a couple potentially super-cool second interviews, instead got a shitty job in his field away from home, quit and came back to NW Ohio. He ended up getting a temp gig at Sky to pay the bills (sounding familiar?), and accepted a permanent job when it was offered him, despite the fact that he would still be working outside of his field. Now he’s biding his time at Sky until he gets married in a month, and until his almost-wife gets her Master’s. Then he says he’s planning to go back to school (if it’ll help) and hopefully start a business with one particular friend/colleague of his.

He also shared with me that, after almost two years of not using his degree, he’s experiencing some… how did he put it? “Confidence issues.” I can completely relate to that. That’s actually one of the reasons I want to go in with Aaron sometime soon and get a video capture card for his computer—so I can edit video again. I’ve pretty much given up on catching up to the Flash wave. Director was fun to know, but no one uses it anymore. I can still design, though, and I hope I can still edit. I want to practice, and find out.

I shared with my co-worker that the main reason I’m not out job-hunting right now is that I’m waiting to become vested with my ESOP and Profit-Sharing conributions. My two-year anniversary is coming up in October, and then I’ll be 20% vested, I think. I’m not fully vested until I’ve been with the company for five years. But, considering how much Sky dumped into my 401(k) last quarter that isn’t really mine yet, I’ve got a pretty good incentive to stay on for another three years and some-odd months.

I just hope I can stay professionally competitive until then…