Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9

Thread: Site to review

  1. #1
    4xz
    4xz is offline
    Regular Coder
    Join Date
    Aug 2004
    Location
    localhost
    Posts
    163
    Thanks
    0
    Thanked 1 Time in 1 Post

    Site to review

    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 ).

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what CSS? you're using tables! OMG!!! 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.
    photoshop too expensive? use the GIMP! www.gimp.org

  • #3
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by 4xz
    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.

  • #4
    4xz
    4xz is offline
    Regular Coder
    Join Date
    Aug 2004
    Location
    localhost
    Posts
    163
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by llizard
    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

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

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by 4xz
    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
    photoshop too expensive? use the GIMP! www.gimp.org

  • #6
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by 4xz
    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:

    Code:
    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.

  • #7
    4xz
    4xz is offline
    Regular Coder
    Join Date
    Aug 2004
    Location
    localhost
    Posts
    163
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

  • #8
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by 4xz
    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? does anyone even recognize pacman anymore? I just thought that my suggestions should be in keeping with someone who still has NS4 and Lynx. )

  • #9
    4xz
    4xz is offline
    Regular Coder
    Join Date
    Aug 2004
    Location
    localhost
    Posts
    163
    Thanks
    0
    Thanked 1 Time in 1 Post
    lol, I like the pacman idea


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •