New Portfolio Website

Discussion in 'Website Design and Coding' started by rueterj, May 19, 2008.

  1. rueterj

    rueterj Certified IT Professional

    Age:
    32
    Posts:
    244
    Likes Received:
    0
    Joined:
    Jan 23, 2008
    Location:
    Sahuarita, Arizona
    Just put together a new portfolio website, PHP/MySQL/CSS/DHTML, it's pretty sexy (I think)

    Let me know what you guys think

    [Link Here]
     
  2. iPro

    iPro Senior Member

    Age:
    32
    Posts:
    2,662
    Likes Received:
    0
    Joined:
    Jan 19, 2006
    Location:
    United States
    I'm seeing errors in firefox.

    The scanlined background is a bit hard on the eyes.
     
  3. rueterj

    rueterj Certified IT Professional

    Age:
    32
    Posts:
    244
    Likes Received:
    0
    Joined:
    Jan 23, 2008
    Location:
    Sahuarita, Arizona
    JESUS LORD! why is Firefox the bane of existence?!

    I have no errors in IE 7/8 or Safari...


    :(


    Firefox has always had problems with DIVs...
     
  4. iPro

    iPro Senior Member

    Age:
    32
    Posts:
    2,662
    Likes Received:
    0
    Joined:
    Jan 19, 2006
    Location:
    United States
    haha, I always seem to have errors in IE and perfect in FF with DIVs lol

    Then again I'm coding myspace layouts so bleh =/
     
  5. rueterj

    rueterj Certified IT Professional

    Age:
    32
    Posts:
    244
    Likes Received:
    0
    Joined:
    Jan 23, 2008
    Location:
    Sahuarita, Arizona
    it renders perfectly in IE, everything I make does... :(


    I hate firefox with a god forsaking passion...lol
     
  6. mastarofaqua

    mastarofaqua Active Member

    Posts:
    44
    Likes Received:
    0
    Joined:
    Jun 2, 2006
    Im running firefox and it looks good no errors
     
  7. wildsorrow

    wildsorrow Well-Known Member

    Age:
    36
    Posts:
    669
    Likes Received:
    0
    Joined:
    Feb 20, 2008
    Location:
    London

    Highlight all of the info on the homepage. You will see the error.

    -
     
  8. mastarofaqua

    mastarofaqua Active Member

    Posts:
    44
    Likes Received:
    0
    Joined:
    Jun 2, 2006
    Nope sry dont see it
     
  9. Ravr

    Ravr _______________

    Age:
    33
    Posts:
    3,670
    Likes Received:
    0
    Joined:
    Dec 26, 2005
    Location:
    The Netherlands
    opera is working fine too :) decent design :)
     
  10. GKgfx

    GKgfx Well-Known Member

    Age:
    33
    Posts:
    132
    Likes Received:
    0
    Joined:
    Jul 13, 2007
    do you have your work on there or am I missing that?
     
  11. Equivalent Exchange

    Equivalent Exchange Well-Known Member

    Posts:
    1,466
    Likes Received:
    0
    Joined:
    Nov 9, 2005
    I'm going to have to agree with iPoo. Firefox renders div tags just fine; Internet Explorer is notorious for having rendering trouble. Both have their bugs, but IE has far more.

    That said, I also am getting the trouble with the page in Firefox, but if you develop the site while testing in IE, that's to be expected. It's considered better practice to develop in a more capable rendering browser such as Firefox (or Opera, although some may debate that), then fix the errors that crop up in other browsers.

    I'm going to have to go on what's rendered for me while critiquing.


    My first issue with the design is the lack of focus on your title. It's very small, and doesn't get the users attention.

    You have a large picture that immediately grabs the users focus, however... It doesn't do much for the design. It barely conveys any meaning in the context of your site and thus ends up looking bland and generic. Not the message you want to convey to a client.

    The navigation hover-over gradients don't look very good either, they're too harsh. Try toning them down.

    Re-color your text links, the default blue is ugly - plain and simple. Currently you can barely read the copyright given the color.

    Ditch the numbers next to the segment titles. They're pointless and a bit tacky.

    I myself don't think the background is too bad.

    The font you use in general isn't the easiest to read. Consider making it larger.

    Now, as far as the code... It's pretty bad. The biggest issue is usability. When the window is expanded horizontally past a certain point, the columns become screwy and send text where it shouldnt be. This is exactly the case on my widescreen, and it explains why the issue only happens for some people.

    Lines such as this

    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/index_050.jpg','images/index_030.jpg','images/index_060.jpg','images/index_080.jpg')">
    </div>

    have been long antiquated by CSS.

    Additionally the use of tables isn't great in general unless displaying tabular data, but in this case the table just doesn't function correctly (aka the above window width problem). <div> tags and CSS are a highly capable solution to laying out a site, and degrade gracefully when the user has bad or no CSS support.

    Also, images are used when text and CSS would achieve the same end with better accessibility and expandability, such as the nav buttons and page title. The nav hover-overs could themselves be achieved with CSS instead of Javascript, which is preferable because the hover over is a type of stylization, which CSS is made for.

    The alt attributes aren't there where they are most important.

    You have no DocType.

    Your lines achieved with the <hr> tag would be better off being done in CSS.

    Making the copyright text a link to logging in is rather strange. The way it just makes a login prompt may confuse the user.

    The code at the end of the file is pretty messed up.

    Some of your links in the nav are relative, some are absolute. Aim for consistency; choose one or the other. (Relative would be a better choice in this situation).


    Being harsh with the intention of being helpful.
     
  12. ThE DaRkSiD3

    ThE DaRkSiD3 Well-Known Member

    Age:
    33
    Posts:
    1,635
    Likes Received:
    0
    Joined:
    Apr 3, 2006
    Location:
    The Netherlands
    pretty simple design i like it no errors on my firefox
     

Share This Page