Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Please critique my basic site layout so far.
- Thread starter iostream.h
- Start date
- Sort by reaction score
Depending on your target audience the text might be a little small and hard to read. Otherwise, very nice design. Professional and striking!
Great look, but here are some things you should double-check:
1) If you're going to use images for navigation/logos, you absolutely need to have alt tags on them with the text of the button for accessibility purposes. For instance, this:
should be this:
2) Validate your HTML - you need a doctype before your opening <html> and then run it through the W3C's HTML validator service.
3) Validate your CSS - you're missing the # before several hex color attributes on some background colors. Always run your CSS through the W3C's CSS validator service before going live.
4) Finally, you've got a case of what Jeffrey Zeldman calls "divitis". You can really cut down on your code weight (in both the HTML and CSS files) by eliminating all the absolute positioning and multiple divs for each nav button - here's a good resource for starting out: http://css.maxdesign.com.au/listutorial/.
1) If you're going to use images for navigation/logos, you absolutely need to have alt tags on them with the text of the button for accessibility purposes. For instance, this:
Code:
<img src="./images/applications.gif">
Code:
<img src="./images/applications.gif" alt="Applications">3) Validate your CSS - you're missing the # before several hex color attributes on some background colors. Always run your CSS through the W3C's CSS validator service before going live.
4) Finally, you've got a case of what Jeffrey Zeldman calls "divitis". You can really cut down on your code weight (in both the HTML and CSS files) by eliminating all the absolute positioning and multiple divs for each nav button - here's a good resource for starting out: http://css.maxdesign.com.au/listutorial/.
nice and clean - but you don't really have much content to critique 
are the links going to open up separate pages or will you dynamically load the content below?
D
are the links going to open up separate pages or will you dynamically load the content below?
D
Grokgod said:Mr. Anderson~ WE missed you.
ha, well, I've been a little busy lately - nice to know someone noticed
D
superninjagoat said:
I am having the same problem (IE 6 on my work computer). All I see is that top bar as pictured in the post above, with the text cutoff. The rest of the page is blank. I like the color scheme though.
Yup, I get the same thing as superninjagoat in IE 6 on Win 2K Pro.
Otherwise--very clean and minimalistic, and I like the slatey color scheme. Depending on what you add to the design, it could look very corporate tech, or high-design. I agree with adding the alt tags to the images, but don't think you should increase the text size TOO much, or you'll disturb the proportions of the layout.
Otherwise--very clean and minimalistic, and I like the slatey color scheme. Depending on what you add to the design, it could look very corporate tech, or high-design. I agree with adding the alt tags to the images, but don't think you should increase the text size TOO much, or you'll disturb the proportions of the layout.