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
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts

    Site review please

    OK, time to be brave.

    I have just about finished building this site for myself, and would value any and all comments.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Your home page link points to an Index.htm file, which will be considered as a duplicate of your site link given above, by the search engines.
    Either use a forward slash or the entire home page url in that href

    You might need to extend the gradient of your tabs, since a single zoom(in FF2) shows it's white background.

    Also, IMHO, the backgrounds of your main nav and sub navs do not match. And your sub nav is placed a little above than it's parent's top boundary.

    I think adding a text-align:justify; to your #maintext p would make your text more appealing.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    SB65 (05-15-2009)

  • #3
    New Coder
    Join Date
    Mar 2004
    Posts
    25
    Thanks
    0
    Thanked 1 Time in 1 Post
    You get your point across well in the website. Good job.

  • Users who have thanked skunker for this post:

    SB65 (05-15-2009)

  • #4
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Ah yes, valid code! I like that much already! I like that the page is not a static width. I like the header. It's subtle and it's a nice image that blends well with the grays of your color scheme. Your shortcut icon looks very corporate, which I think it a plus. It's quite tasteful.

    Now for the mean parts:
    I don't like the pattern in the background (more generally, I don't like ANY pattern in ANY background -- it's not just the particular pattern you use here). This might just be a personal aversion but I think patterns, at least on such a small scale over a large area, are a bit tacky.

    I agree that the submenus look disjointed from the main menu when hovered. I think they look fine in subsequent pages where they appear beneath the parent menu item (in "breadcrumb" mode, if you will), but the style for the flyouts just doesn't work for me. I would suggest possibly styling them with the same height/width/padding/etc. and then changing the color of the gradient used. That might make it look more cohesive.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    SB65 (05-15-2009)

  • #5
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Your home page link points to an Index.htm file, which will be considered as a duplicate of your site link given above, by the search engines.
    Either use a forward slash or the entire home page url in that href
    Thanks for that, abduraooft, I didn't know that.

  • #6
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts

    re

    I can find absolutely nothing wrong with this website, it is neatly laid out, with good spacing, contrasting colours, and a nice picture on the top of the site, but to be truthful, the site lacks that wow factor. Hope you will find it as with something more this site is perfect.

  • #7
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I think you chnaged the menu background for the second level? it used to be flat grey and whilst I was mulling over a suggestion on that, you have made it look like the rest of the menu. Better to have the sub menu distinct/distinguishable, from the first. I'll mull over a suggestion if you put it back again

    I am not sure about such a large grey area. maybe it could be broken up between the menu and body sections as you nearly have done with the footer? maybe a more pale shade of grey.

    Maybe there is too much 'squareness'. I dunno. something smal, needs to change and it could look more impressive. I dooo like the header burst of sunlight. been suffering withdrawal symptoms lately

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #8
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Aha, no more pattern. That's easier on the eyes!

    It looks like my menu suggestion wasn't too popular with bazz but I still think that the menu change is a step in the right direction. If you keep the new style I would make 2 changes (my 2 cents for whatever that's worth):

    1) For the flyouts I would either make the submenu items the same height as the main menu items or else make them 1/2 height. Being somewhere in the middle just makes them look a little sloppy.

    2) When the submenu becomes part of the main menu stack (for example, when you go to the blog page the blog submenu is stacked vertically within the main menu) you might want to change the color scheme of the submenu to make it clearer that it is actually a submenu. Don't be afraid of using a color here, but make sure it's a tasteful and somewhat muted tone. No vibrant color here or it would overpower the rest of the page.

    On the other hand, both of these ideas will require some CSS gymnastics which might not be worth the struggle. It might be better to wait and see what bazz comes up with!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #9
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Bazz, Rowsdower!

    Thanks for the comments about the second level menu. I must have spent more time changing the styling on this element than the whole rest of the site put together, and have never been 100% happy. Following earlier suggestions I have indeed changed the second level menu to be more like the first. It isn't actually the same, it's a lighter grey, honest, a different font size and with less depth. I agree that it should be differentiated, so maybe it's too similar to the top level.

    I'll post a page with the original styling later to allow the two styles to be compared and contrasted.

    Background pattern - yes, I like the revised version much better too. Personally think it looks a bit crisper.

    Thanks again for the comments, all really helpful.

  • #10
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts

    re

    I think that the menu needs to be either a fly out on the side or a drop down, not both as I found it a little confusing, and newer web people would too. You do need something with your text, as there is a lot of it, and people do not really like to read so much in one go, especially on the homepage, if you could break it up somehow, maybe.

  • #11
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    OK, have made a couple of mockups as per earlier discussion:

    The original styling with the plain grey background is here.

    Menu with the amended buttons is here, on the main site.

    Rowsdower!'s suggestion re having the submenu half the height is here.

    As before, any comments welcome.

  • #12
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Quote Originally Posted by Rowsdower! View Post
    It looks like my menu suggestion wasn't too popular with bazz but I still think that the menu change is a step in the right direction.

    1) For the flyouts I would either make the submenu items the same height as the main menu items or else make them 1/2 height. Being somewhere in the middle just makes them look a little sloppy.

    2) When the submenu becomes part of the main menu stack (for example, when you go to the blog page the blog submenu is stacked vertically within the main menu) you might want to change the color scheme of the submenu to make it clearer that it is actually a submenu. Don't be afraid of using a color here, but make sure it's a tasteful and somewhat muted tone. No vibrant color here or it would overpower the rest of the page.

    On the other hand, both of these ideas will require some CSS gymnastics which might not be worth the struggle. It might be better to wait and see what bazz comes up with!
    lol Rowsdower.

    Your idea #2 is what I was meaning. (sub menu disitinguishable from main items). I tend to see it like a roller blind, where the main items are the roll and the sub items flow from it.

    I understand the comment about not having both staking and flyout out. It could be confusing to your readers since it is not a widely used menu format but, it seems to me actually to let the user get to a specific part of the sub menu, without an intermediate step. eg Websites/AngelBarrow. Were it to be just a stacked menu, the word 'Website' would have to be clicked followed by a click on her name. As you have it, you can get to her stuff in one click. :good: (imv)

    for the flat stacked sub-menu items I would use a muted colour taken from the sunlit graphic. maybe #F6AB6A, or #E1B279.

    As to the colouring of the flyouts, I don't know. If they are the same as the stcaked sub items, it would get more confusing (I think), and if a third colour, it might look 'too much'. maybe flat like the stacked submenu and in one of the two grey shades of the main menu items?

    (caveat!! The arty part of my brain is very very small. )
    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • Users who have thanked bazz for this post:

    SB65 (05-20-2009)

  • #13
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    ..it seems to me actually to let the user get to a specific part of the sub menu, without an intermediate step. eg Websites/AngelBarrow. Were it to be just a stacked menu, the word 'Website' would have to be clicked followed by a click on her name. As you have it, you can get to her stuff in one click. :good: (imv)
    Yep, that's precisely what made me do it. I'd built the menu without the flyout, but when I was testing the site I got fed up with the extra click and thought others might as well....

    All these comments are useful. At the moment I'm leaning towards keeping the gradient sub menu styling but maybe making it a bit lighter and less high (although I think it's too small at half the height) in order to more clearly differentiate from the main menu.

    PS: Have just had one of my other (non-posted) attempts at using colour, described as "it looks like someone's been sick on the page". Probably right, too.


  •  

    Posting Permissions

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