redesign comments

August 20, 2003

Embed:

I'd been playing with a redesign concept a few months ago that I never got around to finishing, so I thought I'd put it up for comments from all of you, and perhaps one of you clever folks can figure out why the sidebar links move around in Internet Explorer on Windows. Please be kind, I'm no designer...

38 Comments

what do you mean exactly by "move around" ? i've just tested in IE5.5/Win2k, and nothing's moving. ok, the width is different due to IE's faulty box model...but otherwise it looks same-ish...?

get rid of purple

Looks great in IE6 and Mozilla Firebird 0.6.1 on Windows XP.

i dunno, i think i'm still partial to the whole purple sidebar thing.

any chance of that staying?

Your links inside the "info" div is indeed moving. Daily links seems to be okay. I'm using IE6.0/Windows NT 5.0

"anil dash: it's purple"

too much information! too much information!

I like your design. I think it's fine. Why change?

If you mouse over links in IE6/Win, the sidebar links go all wonky.

And anonymous cowards get no love for their comments. I will now add EXTRA PURPLE!

It looks fine in Firebird... even mousing over the links. =)

Yay, more purple... =D

*ducks and runs from all the purple-haters*

some :hover action on the links would be nice - I've got no other issues with the sidebar links (Camino & Safari)

Overall it looks good. I dig the larger type in the body. But, you might want to even up the margins/padding in your grid - I'd like to see better alignment between content in the left and right columns.

And lastly, double check the link to the sample from this post in your rss feed... (in NNW at least) its off by an "anil/"

I like the new look much better than the current one. It looks great in Mozilla on XP.

The hover's a good idea, I made the underlines on link hover solid.

I think it looks good. Up the line-spacing in the body text to improve readibility, perhaps?

I'm also a big fan of adding a gratuitous face photo that takes up the whole screen. Like 800 pixels high, minimum.*

*also, it should animate

starting in the past week or two (I was on vacation so I'm not sure when), your site became unreadable in safari. . the font is all weird. I'm on a PC in IE right now and it looks fine. Not sure what the deal is.

Why don't you try http://www.typepad.com? All the cool kids are doin' it!

I'm using Safari now and everything looks fine.

regarding the new design:

I'd also increasing the line height in the body copy. And (!important) add about 7px of padding between the daily links (which probably should in a list if you're a stickler about those type of thing) Also, might be nice to find something (other than a squidfingers pattern) to fill the empty space to the right

Ah, okay, in the sidebar "base" (div class="info"), the links slide to the left when one mouses over them.

It appears that the 5% value in .info is what's giving you fits:

padding: 15px 15px 15px 5%;

That's the value for padding-left (the direction toward which the link is sliding), and IE6 must not like something about how the text changes on hover ... maybe the pixel value of 5% changes, andn IE just throws up its hands.

Anyway, I changed the percentage to a pixel value, and that eliminated the sliding.

Give that a shot, eh?

using ie 5.22 for osx, some of the content in the top right box goes missing

if you're gonna tweak your site, for godsake get Mena to redesign it. she's like, a designer. she makes things, like, pretty. you're just some smart tech guy. it'll be like some sort of reverse queer eye for the straight guy thing. you'll love it. it'll be FABulous.

I can't believe nineteen comments and nobody's said...
I'm no designer...
...but I play one on TV.
(Dirty job but somebody had to do it.)
IMOTNGASAA (In My Opinion That Nobody Gives A Sh*t About Anyway), we don't need a web design version of "Queer Eye", we need a web design "Trading Spaces": maybe you and Zeldman could swap color schemes for two days...
(I kid because I love)
(I think I've exhausted my quota of cliche's for the rest of August...)

I like it, nice simple evolution.

A bit more space between the bottom of the entries and the following title would help. To me having the dates smaller than the text is a bit weird when placed in that order, I'd make it the same or then put it at the bottom next to the comments link. Rollover action in the sidebar definitly required and I'm with Ryan on the line height and padding.

I like the simple.

I like how it's done now.

If you do change, remove the purple and just
keep it black on white.

Looks great in Safari ... but that left content box could be a wee bit wider, no? And you could make it easier to TrackBack to one of your articles? Did you purposefully make it difficult to do without autodiscovery?

Hey Anil, are you going to post anything about FreshDirect anytime soon? I predict that I'm going to be really upset when their free $50 promotion lapses on 9/1 - and they still don't deliver to my neighborhood! Your site is such a friendly place to vent! *smile!*

I'm not sure I'm a fan of the larger type, but the rest of it is agreeable.

interesting.. i dont know why it's coming up like this when I look in safari now.

I would decrease the font size in the body, increase line-height, and definitely get rid of the black background + 'black space' on the right side. It makes it look so dreary - another, lighter shade of gray or white would look much nicer I think.

Even better, I would just make it stretch to the whole width of the browser window -- keeping the right column with a fixed width and letting the body stretch. And then after the right column ends it could be the same purple as up top-left -- that would kind of echo the design you've got now.

Just my two cents!

Win2K - IE6...it's not just the sidebar links that slide when you mouse over. Mousing over anything with a link causes a slide to the left, including SOME of the blog text and the title graphic. See the results here.

Looks great in Mozilla 1.4 though!

I also don't dig the bigger text, but who am I to judge.

I experience the same thing as spygeek: when I mouse over a link in the main (left) column, the padding changes for a section of the text, making that section wider than the rest of the copy. Happens only when mousing over a link. The sidebar is unaffected.

(That would be on a WinIE6.0.28 browser.)

I like it, but I don't think the side column needs that much width.

Why do people always say "My two cents" ? It is plain and obvious that you are providing your opinion, we don't need the lame, cliched explanation at the end.

Arg.

Here's my two cents:

Nice! Looks better than the current.

I like the new design better. Can I suggest putting your weblog entries into your links list for those of us reading you via RSS?

I like it. I visit more often for the sidebar links than the main content (especially since the links are updated more frequently) so it's nice to see them in a larger font and closer to the top of the page.

I'm experiencing the same problem as Matthew wrt the top-right "wishlist" link disappearing in Opera 7/Windows. Maybe move the search box to the right, or something? Looks great in Firebird, though...

Look good, but I'd recommend differentiating the different categories a bit more with color and or typography. For instance, the dark purple headers look good but the subnav under the search box should probably be different than the logo and tagline, which look like links. Best wishes.

Needs more cowbell.

Changed all 5% values in css to 65px - no more moving and all lined up well under IE6.

Purple and gray works well - not so partial to the white space or rather large font size.

cheers m8 - good design

Leave a comment