• Advertisement
Sign in to follow this  

[web] design critique

This topic is 4377 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

clickah This is perhaps my simplest design yet. I'm going for very strict cross-platform compatibility, and the XHTML 1.0 Strict DTD is pretty good for that. Any thoughts on the design? I'm thinking of changing the grey background color to something else, but I don't know what. I'm also thinking of changing the banner. Our local web design expert here at work liked it, but I think it might be a tad too busy. Also, getting a few hits on the site from different people will help me test my page-hit::unique-hit graph at the bottom of the menu.

Share this post


Link to post
Share on other sites
Advertisement
I'm not a fan of the purple but that's a personal preference. I don't recommend the white links on the left. The purple isn't dark enough to show white links very well.

Share this post


Link to post
Share on other sites
Quote:
Original post by thasmin
I'm not a fan of the purple but that's a personal preference. I don't recommend the white links on the left. The purple isn't dark enough to show white links very well.


there is no purple, it's all blue.

Share this post


Link to post
Share on other sites
The overall placement isn't good. Not the blocks umong eachother (that's fine) but the fact that everything is on the left. Either use a fixed width design and center the entire page, or make it fill out to the full width of the browser, regardless how small or big it is. Please don't fix the width and then flush everything left.

The banner is fine in my eyes, though you may want to get rid of the border. A lighter background would suit it though. Maybe something with a light pattern in it instead of just a solid color?

[Edited by - Sander on January 20, 2006 6:13:31 PM]

Share this post


Link to post
Share on other sites
nescio, sed fieri sentio et excrucior.

Looks pretty dece. Nothin too flashy, and maybe a smidge too much blue...but it is functional and easy to navigate.

Share this post


Link to post
Share on other sites
Oh nice :-)

I get a tad of horizontal scrolling now though. It's probabely caused by a margin or padding somewhere because it's only really small (around 10 pixels or so). Remember that the width you set + padding + border + margin is the actual ammount of pixels a block uses.

Share this post


Link to post
Share on other sites
Sander, I don't know what is going on with the scroll. The only element with a fixed width is the menu, after that everything should be proportional or undefined.

Share this post


Link to post
Share on other sites
The links on the left-hand-side menu have almost the same style as the normal text on your page. Try to make them stand out a bit more by giving them a different colour and/or using a larger or fatter font. You could also make them light up on mouse hover to give them extra affordance.

The simple style is cool. If you want ultimate compatibility you will have to consider different types of displays such as those on mobile devices, which are quite small. For small displays you could for example use a layout that consists of only one fairly narrow column. You can use CSS to use different page layouts/styles for different types of displays (see the "media" attribute of the link tag for linking different stylesheets depending on the type of display).

Share this post


Link to post
Share on other sites
Quote:
Original post by capn_midnight
Sander, I don't know what is going on with the scroll. The only element with a fixed width is the menu, after that everything should be proportional or undefined.


I don't know what you changed since my last post, but the horizontal scrollbar is gone now. Kudos!

Share this post


Link to post
Share on other sites
Quote:
Original post by Sander
Quote:
Original post by capn_midnight
Sander, I don't know what is going on with the scroll. The only element with a fixed width is the menu, after that everything should be proportional or undefined.


I don't know what you changed since my last post, but the horizontal scrollbar is gone now. Kudos!

it turns out that a div with a style attribute of "width:100%" on non-IE browsers makes a box that is as wide as the browser window, but with a left edge set to 5 pixels. By resetting the left edge of the box to 0px, it put the entire box back on the screen. I think I had to set the left style of the BODY itself to 0px before it would work.

I don't know what is the "right" implementation of CSS, but both IE and the Mozillas have MAJOR annoyances that are unintuitive and just lead to frustration. I do know that I prefer IE's box model, even though it is considered "wrong". If I set a box to a certain width, I expect the entire box to end up that width, not just the content area. I can't imagine what it's like for the art-based professional web developers I know.

Share this post


Link to post
Share on other sites
Once you get the hang of it, it's actually quite intuitive. You have to keep in mind that CSS was created mostly for liquid designs though. Semi-liquid designs and pixel-perfect designs are harder to get right. But IMHO the web was supposed to be liquid anyway.

Also, if you set a proper DTD at the top, IE6 will also use the correct box model.

Share this post


Link to post
Share on other sites
Quote:
Original post by Sander
Also, if you set a proper DTD at the top, IE6 will also use the correct box model.


well, I'm using XHTML 1.0 Strict right now. Which DTD is the "right" one?

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Advertisement