Being the blog of Pete Hopkins. This pirate kills fascists.

Tuesday, January 31

Another Grogmaster Redesign

After poking through the CSS Zen Garden and reading the accompanying book, I got super excited and inspired to do some web design. I can’t speak highly enough of The Zen of CSS Design. It’s like Creating Killer Web Sites for Web 2.0 the standards-compliant, Firefox and IE6 age. I can honestly say that I was over-inspired after reading the book and looking at some of the amazing designs (Ballade is probably my favorite) and had trouble thinking of anything other than redesigning this site.

I had a few goals for this design. Unlike the last redesign, I wanted to use color and images. I’ve been trying my hand at photography, and thought I’d try to incorporate something from that. Also, I wanted to really increase the prominence of my del.icio.us bookmarks, since that’s where the activity seems to be recently.

A trip to the Monteray Bay Aquarium netted me a handful of good photos, with some of the jellyfish being the best. And, since the nautical theme fits in with the (declared) pirateliness of this blog, I figured I’d give it a shot. I actually tried the photo of the black nettle first, but couldn’t get the color palette right. This blue jellyfish had some workable colors, and a few Photoshop filters later I had an image for the upper left.

There are a few things left that I’d like to clean up. I kind of punted on the style for the comments, and I don’t have anything at the bottoms of the pages to amuse and delight visitors. In particular, I’d like to put links to other posts, so folks who come in through search engines can easily get to some of the worthwhile stuff I’ve written. I also may sprinkle a few little icons here and there, too, but I’m kind of sick of messing with images right now.

6 comments:

  1. Anonymous5:07 PM

    Nice! I actually just finished reading The Zen of CSS Design as well, and I loved it. Ballade was one of my favorites, too. I've been wanting redesign my page for a while, but probably won't have the time for a little longer yet.

    ReplyDelete
  2. Anonymous5:12 PM

    Oh, and I just saw how you did the Flickr images on the main page. I like that a lot, with the graying-out and rollovers and all.

    ReplyDelete
  3. Anonymous5:39 PM

    Thanks! The Flickr effect was trivial, though only works in FF 1.5 and Safari (not sure about Opera or earlier FF... definitely not IE, tho).

    Basically:

    img {
    opacity:.2;
    }

    img:hover {
    opacity:1;
    }

    Ta-da! No JS or other processing needed.

    ReplyDelete
  4. Anonymous11:39 AM

    Arrr, the new site looks beautiful. Great job, Pete.

    ReplyDelete
  5. Anonymous6:51 PM

    'Tis a mighty-mighty makeover. Looks great!!

    ReplyDelete
  6. Anonymous6:09 PM

    Getting beautiful photographs of jellyfish from Monterey is a bit like shooting fish in a barrel.

    Oh, wait, I think that came out wrong. But you catch my drift.

    Still, very lovely. Too bad they're such nasty creatures to encounter in the wild.

    ReplyDelete