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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20

Thread: Feedback Wanted

  1. #1
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts

    Feedback Wanted

    So I've been working on this page for a couple of days now and have a bare-bones working version up and running. Would like a bit of feedback when anyone has a chance to take a look at the page. See the page for details regarding known issues and problems.

    http://members.aol.com/greasonnightw...aselayout.html

    P.S. Forgot to mention. I've tested the site in IE7 and FF1.5 (really need to update FF) but haven't tested it in any other browsers, well, besides AOL's version of IE.
    Last edited by greasonwolfe; 08-01-2008 at 03:56 PM.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #2
    ess
    ess is offline
    Regular Coder
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    866
    Thanks
    7
    Thanked 30 Times in 29 Posts
    Personally, I don't like the scrolling div where you've left your comments. It not a technical reason...it is just something I don't like seeing in websites etc.

    I would suggesting using different font-color for the links. If there were any links in the text...don't think that they would stand out if that makes any sense.

    font-family: I would personally add more fonts there...in case users don't have the one you selected.

    I wouldn't use IFRAMES...as it makes it tricky to bookmark pages etc. I would consider Ajax. Yes it is tricky to bookmark pages when using Ajax....but there are a number of solutions which you can deploy

    I don't like the theme personally...but others might.

    I would suggest using a background image, or a blur of a ghost etc...

  • #3
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    I would suggesting using different font-color for the links. If there were any links in the text...don't think that they would stand out if that makes any sense.
    It absolutely makes sense and that is in the works. Still working with the bare-bones of the site right now, but any future links in the text will definately be highlighted in some way.

    I would consider Ajax.
    Unfortunately, I don't think that is an option for me. As I understand it, Ajax requires access to server-side stuff that I don't have with AOL as a host.

    I would suggest using a background image, or a blur of a ghost etc...
    I actually have an image for that. But after a few tweaks to the layout of the site, I'm having to go back and rework the graphics. Hopefully I'll have that wrapped up shortly, but may need to go back and rework all the images in the long run to get them stablized so that they aren't stepping on one another.

    All good suggestions however, and I appreciate the feedback.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #4
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    Pros:
    - Agree with the previous comment about picking a font color that contrasts better with the black. I like the font, though. Always had a soft spot for Courier.

    Could improve:
    - Why all the hassle over the left menu? The collapsing bit is fancy, but it takes me a second to reorient myself to the "new" menu structure after I expand or collapse a category. It might take some users longer. Have you considered just making the menu permanently "expanded" so that it just flows down the left side of the page?

    The layout just seems like it wants to be fluid, but it's static. I think permanently expanding the menu and letting it flow down the side of the page, placing the text in a fluid div so that the client can use their regular browser scrollbar instead of the one inside the page, and adding a footer to let users know where the end of the content is would do wonders. You could even make the vertical part of the left-side graphic repeat-y so it flows down the page.
    matt | design | blog

  • #5
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    Could improve:
    - Why all the hassle over the left menu? The collapsing bit is fancy, but it takes me a second to reorient myself to the "new" menu structure after I expand or collapse a category. It might take some users longer. Have you considered just making the menu permanently "expanded" so that it just flows down the left side of the page?
    That's something I've been considering over the last hour or so. I can totally understand the reorientation problem and with the highlight I am using, the whole expand/contract thing might be a little over the top.

    This, of course, would go hand in hand with making the page more fluid. The only problem I see with that is getting the repeat-y portion to work properly without breaking up the background image of the navigation area. Conversely, I could always edit the image as needed to make the verticle portion stretch further. Not sure on that one, will have to think about it for a bit.

    Both of you have mentioned the font color. Would it be better to go with a flat (pure) white instead? I was using #fff to begin with, but thought that it was a bit too bright.

    Still, it's all food for thought. Again, appreciate the feedback.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #6
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    - menu don't work if javascript is disabled
    - I like the theme and graphics, but this is a matter of taste
    - agree with previous comments

    you can't use php/perl or something like that on your server?

    regards

  • #7
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    - menu don't work if javascript is disabled
    I am debating making the whole site non-javascript so the whole menu will be "href" and highlighted purely through CSS. It will mean more pages in the long run, but will be more easily accessed by those who disable javascript.

    you can't use php/perl or something like that on your server?
    Sadly, no. AOL doesn't give member access to anything server-side except for basic form methods, e-mail and counters. And even that is sketchy at best. On the plus side, web-space comes free with membership and as long as I don't join their "premium Hometown" service they don't jam a bunch of banners and other BC into my pages with their depricated coding.

    In the meantime, I'm working on some of the suggested changes and have to say that I definately like some of them.

    Managed to rework the images a bit (extending the vertical portion of the navigation image and a "ghost wolf" for overall background), changed the font color to full white instead of off-white and shifted from the scrollable div to letting the full page to scroll.

    The big thing I need to work out now is how to set the background image in the center of the content rather than the center of the browser window. Tried setting a body width in the css, but that doesn't seem to be working as I'd hoped. There might not be a solution, but if there isn't, I can live with the way it looks. Will be uploading the updates shortly, need to finish up the footer work first.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #8
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by greasonwolfe View Post
    I am debating making the whole site non-javascript so the whole menu will be "href" and highlighted purely through CSS. It will mean more pages in the long run, but will be more easily accessed by those who disable javascript.
    there are only few users with js disabled, but the main reason to make it work with css is that design become more flexible.
    Once it work only with css you can add js to make it how you like,
    I'm agree that is harder,

    Sadly, no. AOL doesn't give member access to anything server-side except for basic form methods, e-mail and counters. And even that is sketchy at best. On the plus side, web-space comes free with membership and as long as I don't join their "premium Hometown" service they don't jam a bunch of banners and other BC into my pages with their depricated coding.
    two option: no ajax or other host,

    In the meantime, I'm working on some of the suggested changes and have to say that I definately like some of them.

    Managed to rework the images a bit (extending the vertical portion of the navigation image and a "ghost wolf" for overall background), changed the font color to full white instead of off-white and shifted from the scrollable div to letting the full page to scroll.

    The big thing I need to work out now is how to set the background image in the center of the content rather than the center of the browser window. Tried setting a body width in the css, but that doesn't seem to be working as I'd hoped. There might not be a solution, but if there isn't, I can live with the way it looks. Will be uploading the updates shortly, need to finish up the footer work first.
    put the stuff on the server and post, probably we can find a solution,

    regards

  • #9
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    Okay, the changes have been uploaded and are as follows;

    -Added sans-serif as a back-up font
    -Changed font color to pure white
    -Navigation Menu remains fully expanded
    -Mouseover/Hover feature fixed, but selected feature not changed yet
    -Removed scroll bar on content div and let the page scroll instead
    -Added a footer
    -Added Background Image

    Things I still need to do at this point

    -Preload the images so there is no delay with Mouseover/Hover effect
    -Center the background image based on content size rather than window size and keep it "fixed"
    -Decide on multiple pages or maintaining as a single page with content swapping

    The address is still the same, but just to save time . . .

    http://members.aol.com/greasonnightw...aselayout.html
    Last edited by greasonwolfe; 08-01-2008 at 08:24 PM.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #10
    Senior Coder rafiki's Avatar
    Join Date
    Aug 2006
    Location
    Floating around somewhere...
    Posts
    2,046
    Thanks
    19
    Thanked 42 Times in 42 Posts
    Change
    Code:
    <a class="mail" href="greasonnightwlf@aol.com">E-mail</a>
    to
    Code:
    <a class="mail" href="mailto:greasonnightwlf@aol.com">E-mail</a>

  • #11
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    Yeah. LOL! I've got a couple of typos to fix, catching them now and trying to update quickly.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #12
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by greasonwolfe View Post
    -Center the background image based on content size rather than window size and keep it "fixed"
    add a css reset in front of css:
    Code:
    * { margin: 0; padding: 0; }
    try to use background-position on both axis:
    Code:
    body { background-position: center center; }
    this must center "within its containing element" so you can swap from body to other element.

    -Decide on multiple pages or maintaining as a single page with content swapping
    that's depend of what content you have. My opinion is multiple page.

    regards

  • #13
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by oesxyl View Post
    that's depend of what content you have. My opinion is multiple page.
    I'm thinking the same thing now. Would be able to eliminate the "highlight" javascript all together and all I'd have to do is create an "active menu item" class for the menu item of each page.

    Still working on the background issue. Will give your suggestions a shot and see what happens.

    Turns out the solution was rather simple;

    Code:
    background-position: 133px center;


    I had already sized the image for use with the fixed height div elements, so that kept it vertically centered fairly well. To get the horizontal centering, just had to do a little math and give it a left position that would put it in the middle of the content. Don't know why I didn't think of that before.
    Last edited by greasonwolfe; 08-01-2008 at 10:11 PM. Reason: Solution
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #14
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts

    Changes Implemented

    I've done a rework on the original site (it can still be found at the original link) and am hoping for a new round of reviews. The re-vamped version of the site can be found at;

    http://members.aol.com/greasonnightw...kedlayout.html

    For the most part, it is a rework of the layout with details of the changes on the site itself.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #15
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Edit-Link fixed.
    Dev-Tips.com || Employee at the Envato Network || My Portfolio


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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