voila!

posted by tom / December 30, 2004 /

Alright, here it is. A few things to note about it, if you're interested in this kind of stuff:

  • It's designed to look good at resolutions of 1024x768 and higher, and probably won't even be very legible below 800x600.

  • It's designed to be highly modifiable. You won't be stuck with the winter wonderland picture forever. All that it takes to completely redo the site's look is to drop a few nicely textured graphics into a prepared photoshop project with all the necessary masks ready to go. The faint gray line background, dashed borders, and transparency effects are the only aesthetic aspects of the site that will always be there.

  • I mentioned transparency; that brings us to browser support. I spend a third of my life trying to convince Microsoft products to do what they're designed for. I'm not going to do it here, too. So this site was designed for Firefox. You should go get it if you don't have it -- there's a button in the sidebar. I have taken a stab at supporting IE via an alternate stylesheet that gets dropped in when IE is detected. But IE doesn't support the PNG graphics format properly, so things will necessarily look worse. I'm curious to hear reports of how things look in other browsers like Safari -- I don't have a Mac, so I couldn't test for it. Sorry. I'll whip up alternate stylesheets for Safari, Opera, etc, if necessary. Just let me know if they don't work.

  • Speaking of alternate stylesheets, this site is now a bitch to load. Like, 250+k for the homepage. Yikes. That's because of the nice winter background (originally shot by Catherine) and because of the huge image that lets the sidebar background flow smoothly from one box to another. IE doesn't handle it very well -- it chokes on all those images and tiled backgrounds, and scrolls a bit more shakily than would be ideal. But then you should be using Firefox anyway, right? Right. Hopefully the page size won't be too painful for users -- most readers are on broadband, I suspect, and even those who aren't will be able to read text prior to the background graphics downloading. And those graphics should stay cached by most sane browsers for a good long time, preventing repeat downloads. However, if you really can't take it, I have designed a "Lite" mode. Right now you can get to it by appending "?lite=1" to the URL -- like so: http://www.zunta.org/blog/?lite=1. I'll be adding an option in the sidebar soon that sticks your preference in a cookie so you don't have to bother with the querystring nonsense. For now, just put up with the load times and know that this feature is coming.

I think that's it. I've got a few more things planned, but I'll likely get distracted by another project before I get to them. For now, please let me know what you think -- especially if you think "this breaks my computer".

UPDATE: Some things I'm considering changing already: the font, the line spacing, and the opacity of the transparent white box in which this text is appearing (it needs to be less translucent, I think). Thoughts?

Comments

it's a bit hard to read some of the entry text against the tree/house. i think maybe some more text inset from the date posted, category and title - it seems too close to the border.

Posted by: catherine on December 30, 2004 04:11 PM

ps - if anyone's interested, the original picture is here. http://www.zunta.org/blog/archives/000019.php#000019
i had no idea tommy was going to use it. copyright infringement!

Posted by: catherine on December 30, 2004 04:46 PM

Looks great on Safari. Nicely done! You made buttons—that to me is the sign of someone who really knows his internets.

Posted by: Kriston on December 30, 2004 09:24 PM

OK, actually, comments in Safari are tricky. As soon as I posted the above comment, the window that loaded was not the updated comments but instead the blog itself. Hmm.

Posted by: Kriston on December 30, 2004 09:25 PM

No wait! Nevermind, I can't read. I see that you just have it set to load the archive page. That works fine.

Posted by: Kriston on December 30, 2004 09:26 PM

No wait! Nevermind, I can't read. I see that you just have it set to load the archive page. That works fine.

I've done no such thing! Well, maybe. I donno. I'll have to have a look at it in your browser the next time I'm over at your place.

Posted by: tom on December 30, 2004 09:37 PM

ok, testing

Posted by: tom on December 30, 2004 09:54 PM

Yup, I think that got it. It was affecting all browsers -- thanks for the heads-up.

Posted by: tom on December 30, 2004 09:55 PM

okay, the preview functionality is fixed, too

Posted by: tom on December 30, 2004 10:54 PM

I seem to remember this same horizontal line motif appearing in the erstwhile web presence of the Indispensible Guide to Stuff. As Guide Historian, Tommy, could you confirm or disconfirm this suspicion?

Posted by: jeff on December 30, 2004 10:58 PM

Hmm. Actually I can't remember, although it is completely plausible that I haven't had an original aesthetic idea in six years.

Posted by: tom on December 30, 2004 11:00 PM

Other than the ugly design, the site looks great on Safari.
:) Just kidding. Looks good! Nice to see you got the festive holiday logo up just as the holidays are ending.
Timing is everything.

Posted by: information leafblower on January 2, 2005 09:04 AM

all true! However, it's blue and red -- no green! It's a winter theme! Winter, I say!

Anyway, everyone hates the fucking snow-capped tree, so here's hoping Catherine is motivated to take a photo she likes soon so that we can replace it.

Posted by: tom on January 2, 2005 09:21 AM

Hi all !
I here first time.

Posted by: Alex on July 15, 2005 05:34 PM

Hello. Thank you for a lot interesting information. http://management.atspace.us/business-management-tip.html

Posted by: Seelk on July 15, 2005 05:42 PM

About Money About Money

About Money

http://about-money-world.com
Posted by: About Money on July 15, 2005 06:11 PM

free ringtones:free ringtones 
ringtones:ringtones 
free polyphonic ringtones:free polyphonic ringtones 
polyphonic ringtones:polyphonic ringtones 
free nokia ringtones:free nokia ringtones 
mp3 ringtones:mp3 ringtones 
nextel ringtones:nextel ringtones 
verizon ringtones:verizon ringtones 
free motorola ringtones:free motorola ringtones 
nokia ringtones:nokia ringtones 
free nextel ringtones:free nextel ringtones 
free verizon ringtones:free verizon ringtones 
free sprint ringtones:free sprint ringtones 
motorola ringtones:motorola ringtones 
nokia ring tones:nokia ring tones 
cell phone ringtones:cell phone ringtones 
free samsung ringtones:free samsung ringtones 
ringtone:ringtone 
cingular ringtones:cingular ringtones 
download free ringtones:download free ringtones 
free mp3 ringtones:free mp3 ringtones 
samsung ringtones:samsung ringtones 
free nokia ring tones:free nokia ring tones 
free ringtones for nokia:free ringtones for nokia 
download ringtones:download ringtones 
free ringtone:free ringtone 
free ringtone downloads:free ringtone downloads 
kyocera ringtones:kyocera ringtones 
free lg ringtones:free lg ringtones 

http://free-ringtone-companies.com

Posted by: free ringtone on July 27, 2005 05:06 AM

Hello. I am a worker from Spain. I like this team. This site as fine. Best wishes.

Posted by: Vadim on July 28, 2005 03:00 PM

Hello. Thanks for an interesting and useful resource.

Posted by: Bob on July 28, 2005 07:00 PM

Post A Comment

Name


Email Address


URL


Comments


Remember info?



Google Analytics