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 13 of 13
  1. #1
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts

    Ahh, the semantics of it all - site review please

    I just recoded my business site to XHTML and was wondering if you kind folks would take a minute to let me know what you think.

    I tried to seperate content from display as much as I know how, and tried to think about the semantic meaning of the content before I re-coded.

    General comments on look / feel are welcome, as well as problems with browser rendering.

    I know that there's a problem with the "categories" title in IE 5, but I'm not sure how to fix that at the moment.

    http://www.aphion.com


    Thanks for your reveiws.

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm fine with the design, and the code will validate under XHTML 1.1 fine.



    The only problem would be the use of primary colours, blue and yellow, which seem to contrast too much. Otherwise, it is pretty fine.

    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #3
    Regular Coder
    Join Date
    Mar 2003
    Posts
    241
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What he said ^^

    The code seems to be nicely done and the pages are easy to navigate. I have not decided yet wether I feel the left-hand menu should be a local menu instead of a [almost] duplicate of the top menu.

    I'd also substiute the yellow color and try to put some kind of gradient background[top to bottom] where the top menu is, just to spice it up a bit more and make that area feel more like a bar.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Nicely done!

    Well coded, basic but sound layout, not too sure about the header color combo as mentioned before, and I share Phlegmatic's concern about the left menu bar; it nearly doubles the top - main - horizontal nav bar, apart from that it contains one - more or less arbitrary - option from the Services main option, and one more I couldn't readily place anywhere.

    Furthermore, the main content area is rather plain and could do with some adornment, and the footer may stand out a little more, clearly signaling the end of the page.

    Oh, and: nice name! I don't suppose it means anything, but it has a nice, classic, techie, sub-atomic-particle feel to it.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    Hmm, that background should really be white or something instead of the user's colour. I HATE sites that show up pink-purple background. (My default background colour, which makes it easy to find the culprits who forgets that not all browsers or OS themes use white as default working area background colour. NN4 uses grey, for instance, instead of white.)
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #6
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Originally posted by liorean
    Hmm, that background should really be white or something instead of the user's colour. I HATE sites that show up pink-purple background. (My default background colour, which makes it easy to find the culprits who forgets that not all browsers or OS themes use white as default working area background colour. NN4 uses grey, for instance, instead of white.)
    Good catch, I forgot about that. I'll take care of the bgColor tonight! Thanks


    Oh, and: nice name! I don't suppose it means anything, but it has a nice, classic, techie, sub-atomic-particle feel to it.
    Nope, don't mean a thing, but it hits on 3 very important considerations I had in coming up with a name.

    1) Unique
    2) Short
    3) .com available

    The only problem would be the use of primary colours, blue and yellow, which seem to contrast too much. Otherwise, it is pretty fine.
    Hmm, well I kinda like the high contrast, and since I'm trying to emphasize usability / 508 / accessibility , theoretically, that should work to my advantage. Of course, theory and practice are totally different things, but I think I'll keep it the same for now.

    I feel the left-hand menu should be a local menu instead of a [almost] duplicate of the top menu.
    I'll probably start to segment the navigational structre more as I go, which would mean more specific links on the left navigation.

    I'd also substiute the yellow color and try to put some kind of gradient background[top to bottom] where the top menu is, just to spice it up a bit more and make that area feel more like a bar.
    What are you thinking for gradient color? Maybe a charcoal -> black or similar?

    Thanks for the feedback, keep 'em coming.

    Any problems with browser rendering?

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Opera displays it fine.

    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by liorean
    Hmm, that background should really be white or something instead of the user's colour. I HATE sites that show up pink-purple background.
    That's only half-fair - it's reasonable not to define a background color, as long as you don't define foreground colors either.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #9
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Only thing I can add is that you have a few really minor errors in your CSS that if corrected, it would also validate and you cuould put it in the list of examples of valid xhtml and css.

    CSS Validation Results

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #10
    Regular Coder Skyzyx's Avatar
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The site looks very good, although I'd have to side with those who think the blue-yellow should be toned down. It clashes on the eyes. I'd suggest white, but if you like the yellow, perhaps #ffc. It's a softer yellow, and might blend a little better.

    As far as validation, it validates. But you have what Jeffrey Zeldman refers to as "divitis": using DIVs for things that should be left for <h?> tags.

    You have this:
    Code:
    <p>
    	<strong>What do I need from a web site?</strong><br />
    	If your like most business owners, you want a website that is clean and professional...
    </p>
    ... which would be more semantic as this instead...
    Code:
    <h2>What do I need from a web site?</h2>
    <p>If your like most business owners, you want a website that is clean and professional...</p>
    ... because you'd have the heading and the paragraph.

    There was actually a post about this over at SimpleBits. Recently, he's had a series of "SimpleQuizzes" related to semantics.

    Also, Stop Design has an article on the "Fahrner Image Replacement" method of using text for your titles (<h?> tags), but using CSS to swap in images instead for current browsers.
    Last edited by Skyzyx; 09-11-2003 at 05:23 PM.

    Creator of SimplePie and Tarzan AWS, co-founder of WarpShare, co-built the Y! Messenger website, usability-focused, and an INFJ personality.

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Skyzyx
    Stop Design has an article on the "Fahrner Image Replacement" method of using text for your titles (<h?> tags), but using CSS to swap in images instead for current browsers.
    But that has accessibility problems - all the various FIR techniques create one or more subgroups of users for whom the content is inaccessible; My opinion is that FIR, while desirable, is ultimately unuseable.
    Last edited by brothercake; 09-11-2003 at 07:04 PM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #12
    Regular Coder Skyzyx's Avatar
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, that's fair. But isn't Text+FIR still better than using a regular image for PDA/Cell/Google/Older browsers?

    I'm aware that JAWS has problems with FIR though. Although if it's only used as the heading of the document (on my website, "Skyzyx.com") do the detriments still outweigh the benefits?

    Creator of SimplePie and Tarzan AWS, co-founder of WarpShare, co-built the Y! Messenger website, usability-focused, and an INFJ personality.

  • #13
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I found myself highliting the text just to read it.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!


  •  

    Posting Permissions

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