...

View Full Version : Site to review



4xz
08-31-2004, 12:55 PM
http://coders.fragism.com

Interested in comments on :
- Comments on usability / intuitivity.
- Lay out / Design.
- Site viewed in other browsers then IE and Firefox.
- Content.
- General use of HTML, CSS and PHP.

Not interested in :
- That never ending web-purist discussion bout the use of tables for the lay-out.
- Review of the forum (no access to that code anyway :)).

whackaxe
08-31-2004, 02:16 PM
what CSS? you're using tables! OMG!!! :D just kidding

layout in general is ok, but there are a few quirks. notably the fact you have banner, in the middle of your nav bar (which breaks a 800*600 screen btw). the blue background for the nav bar also seems a little out of place compared with the rest of the page. the background image isn't bad, but its only on the top left. the text is good.

llizard
08-31-2004, 03:51 PM
http://coders.fragism.com

Running Win2K scrnres 800x600, 1024x768 viewed in Firefox0.8, Opera7.23, NS7.1 , NS4.79, Lynx (whatever version the freenet uses)

Things that disturbed:

Horizontal scroll at 800x600; page does not fill screen at 1024x768 - largish righthand blank border.

Underlined headings are not links. It's a generally accepted convention on the web that underlining indicates a link.

The fontsize is a little small. This is not a problem for those with Mozilla but any viewers using IE will be unable to make the fontsize larger because you have set it in "px".

The red link colour is almost not visible against the black. Take a look at
http://www.vischeck.com/vischeck/ to read about problems for those who are colour blind (I'm not, as it happens and yet still I can hardly make out that dark red against the black.)

With stylesheets disabled, the page is entirely unreadable for anyone who has their default font colour set to black. To resolve this, either remove bgcolor="#000000" from the body tag or add text="#fffffff".

Page looks basically the same in FF, Opera, NS7 EXCEPT that hover colours are not working in NS7 for "submit" and "tutorials". They do work for FF and Opera. In Lynx, the page is readable and the navigation appears to work, although it is not that easy. As for NS4, hahahahahahahahahahaha - the page is UNREADABLE whether stylesheets are enabled or disabled. (But who uses lynx or NS4 now anyway?)


Hope that helps.

4xz
08-31-2004, 08:24 PM
Running Win2K scrnres 800x600, 1024x768 viewed in Firefox0.8, Opera7.23, NS7.1 , NS4.79, Lynx (whatever version the freenet uses)

Things that disturbed:

Horizontal scroll at 800x600; page does not fill screen at 1024x768 - largish righthand blank border.

Underlined headings are not links. It's a generally accepted convention on the web that underlining indicates a link.

The fontsize is a little small. This is not a problem for those with Mozilla but any viewers using IE will be unable to make the fontsize larger because you have set it in "px".

The red link colour is almost not visible against the black. Take a look at
http://www.vischeck.com/vischeck/ to read about problems for those who are colour blind (I'm not, as it happens and yet still I can hardly make out that dark red against the black.)

With stylesheets disabled, the page is entirely unreadable for anyone who has their default font colour set to black. To resolve this, either remove bgcolor="#000000" from the body tag or add text="#fffffff".

Page looks basically the same in FF, Opera, NS7 EXCEPT that hover colours are not working in NS7 for "submit" and "tutorials". They do work for FF and Opera. In Lynx, the page is readable and the navigation appears to work, although it is not that easy. As for NS4, hahahahahahahahahahaha - the page is UNREADABLE whether stylesheets are enabled or disabled. (But who uses lynx or NS4 now anyway?)


Hope that helps.

Thx for the reviews. As for the 800x600 resolution; that's calculated. The page is aiming at gamers, who generally use a res. larger than 800x600.

The badly viewable linkcolor, hmmm, u made me reconsider them. I (ofcourse) explicitely chose the red-teint as link color, but never realized it's that badly viewable, I will take your advice and choose another color for them.

As for the underlined headings ... that's something I have to think about, let's just say I like a little off-standard and I kinda like it myself ;-)

The font-size is also a good tip. I think the font type is to be blamed for this, Courier ain't the best font maybe ? Any1 has an original font in mind, that will 99% sure be installed on every client ?

Putting the text attribute in the body-tag is abolutely a brilliant tip (at least for me it is)...I never even considered people could have stylesheets turned off.

The px definition of font sizes is something that I got used to at some time ago, when I got irritated by the fact that resizing of the font using the browser tools, could screw up my sites completely. I now think I have the knowledge to not let this happen, so I will take ur advice and from now on start using other units for font-sizes.

I don't think I quite understand what u meant with

that hover colours are not working in NS7 for "submit" and "tutorials"
U mean that the mouseover images don't appear at all ? If so, do you have any idea why ? (don't have NS 7 here :\)

Well, as for lynx and NS4.......screw them....get yourself a decent browser :D

Anyways, thanx for the reviews, I certainly learnt some things and received some eye-openers :) More comments are welcome ofcourse :)

whackaxe
08-31-2004, 09:50 PM
Thx for the reviews. As for the 800x600 resolution; that's calculated. The page is aiming at gamers, who generally use a res. larger than 800x600.

ifor the record, i'm using 800*600 (i got my screen when 1024*768 was becoming pretty much standard with new computers) and it's a 400mghz. unless you're an age of empires clan, i think you could be aiming for 1024*768 minimum :D

llizard
08-31-2004, 10:27 PM
The page is aiming at gamers, who generally use a res. larger than 800x600.
In that case, I'm not quite certain what the purpose of the blank space on the right side of the page is. (room for Ads??)

For the offstandard underlined headers that aren't links, you might think about making them the same size.

I have no idea why the mouseover images are not appearing for just two of the links in NS7. Perhaps it is a javascript error. However, I believe the hover image could be done with css rather than javascript. I'm relatively new to this kind of advanced css but I'm guessing that something along the lines of the following might work:



a#dwnld {background:transparent url('skinimages/r2_c2__.jpg');}
a#dwnld:hover {background:transparent url('skinimages/r2_c2___f3.jpg');}

[...]

<a href="?page=download" id="dwnld"><img src="skinimages/r2_c2__.jpg" width="201" height="24" border="0" alt="Download tools, utilities, scripts etc." /></a>


I was going to mention the idea of replacing the table with css and lists for the menu but then I remembered you weren't interested in hearing that particular argument. :)

As for fontsize, why set it at all? If you want to have different sizes, try using relative values:
xx-small x-small small medium large x-large xx-large

One last thing, I don't really think that NS4 or Lynx problems are an issue at all. I just happen to have those browsers and thought you might be interested to hear how your page fared in two ancient browsers.

4xz
08-31-2004, 11:29 PM
Hehe, well it's appreciated. Got lynx installed on some of my boxes here, but I quit testing my sites with it a long time ago.

The javascript for the menu's is what I get out of MM Fireworks which I export the skin from. Don't think it's an option to export using CSS mouseovers, but I can check.. If not, it shouldn't be too hard to build. But ofcourse javascript doesnt have to be bad either :)

The space to the right side is simply a side effect of me designing the skin in Fireworks at a fixed width. The standard buttons are 200px wide. so that makes the skin-width 800px + the small addition to the side of navbar. My only demand on that part was that it would fit on a 1024 screen...without hor. scrollbars.

llizard
09-01-2004, 12:41 AM
The space to the right side is simply a side effect of me designing the skin in Fireworks at a fixed width. [snip] My only demand on that part was that it would fit on a 1024 screen...without hor. scrollbars.

I'm not at all familiar with the fireworks program. Can you get it to center the content area on the page? Or somehow make it look like it's on purpose that there is a largish empty space on the right? Stick some sort of gaming background there? dice? mazes? puzzles? tetris? pacman? (does anyone still play pacman? :eek: does anyone even recognize pacman anymore? ;) I just thought that my suggestions should be in keeping with someone who still has NS4 and Lynx. :rolleyes: )

4xz
09-01-2004, 09:19 AM
lol, I like the pacman idea :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum