Website critique, part trois

Discussion in 'Web Design and Development' started by Kingsly, Oct 11, 2006.

  1. Kingsly macrumors 68040

    Kingsly

    #1
    Well, I just finished the main photography wing of Mariposa Productions.

    Once I got my workflow down I was surprised how quickly I was able to piece this site together. :)

    Critique to your heart's content: www.lucyobryan.com
     
  2. Ezekiel macrumors newbie

    Joined:
    Sep 18, 2006
    #2
    So, the www.lucyobryan.com site is just a front page with photoshop made galleries linked?

    The photoshop made galleries disappear off the bottom of a 1024x786 screen and you cannot scroll. There is also no obvious link back from the gallery to the front page.

    As for www.mariposaprod.com, there is horizontal scrolling that isn't needed at all (even on 1024x786) it makes the site look not centered. The green rollover doesn't work on the front page either and the navigation text is a bit hard to use without it. At least simple viewer looks better than the photoshop mad galleries that don't fit the screen. I can't say that I am feeling the blank grey with the jazzy color of the site.
     
  3. Kingsly thread starter macrumors 68040

    Kingsly

    #3
    Yes. :rolleyes: :eek:

    Working on it. If you have an insights let me know.. I don't have flash, or would've made my own gallery. As for the disappearing scroll bar... Its a toss up between smaller main pics and bigger thumbnails.
    Will work on it.

    Odd, I don't get any horizontal scrolling on my screen.

    The rollover problem is one that is driving me bonkers. PLEASE, SOMEBODY HELP ME !!!

    I guess my biggest problem is that I need a 1024x768 screen to test the site on.
     
  4. Ezekiel macrumors newbie

    Joined:
    Sep 18, 2006
    #4
    It's not really a bad thing, as long as it fits into the navigation well and doesn't go off the screen.

    It would be completely usable if it did one of the following 1) didn't creep off the bottom of the screen to the point you can't see or click the thumbnail 2) scrolled down


    If you have a larger that 1024x768 display, then just set your screen to that res, then set your browser window to be 100% of the screen, then change back, your browser still stays the same size
     
  5. ThunderLounge macrumors 6502

    ThunderLounge

    Joined:
    Sep 20, 2006
    #6
    Clean, easy nav. Not too bad at all.

    Only suggestion:

    Dump all the css info and inline styles, and move them to a stylesheet.

    It'll save a little overhead on the initial pageload for a viewer, and then once the stylesheet is cached, it'll save the size of that file on each load.
     
  6. Kingsly thread starter macrumors 68040

    Kingsly

    #7
    Care to elaborate, provide an complete tutorial, etc? :D :eek:
     
  7. tominated macrumors 68000

    tominated

    Joined:
    Jul 7, 2006
    Location:
    Queensland, Australia
  8. monke macrumors 65816

    monke

    Joined:
    May 30, 2005
    #9
    Create a new CSS document and copy all the CSS code from the main page and paste it in the new document. Then link it using this before the </head> tag:
    PHP:
    <link rel="stylesheet" type="text/css" href="name of CSS document.css" />
    Upload and link it exactly like an image.


    This way, who ever is viewing the page, it will only load the CSS code once across your entire site, via saved in their browser's cache.
    Cutting down on the load times, and making your code look cleaner.

    Hope that helps. :)
     
  9. Kingsly thread starter macrumors 68040

    Kingsly

    #10
    Thanks! :)
     
  10. ThunderLounge macrumors 6502

    ThunderLounge

    Joined:
    Sep 20, 2006
    #11
    Also, where you move things from the main document, you'll need to add class="classname" to the tag for whatever you're styling.

    Then in your css sheet you'll need to define different classes, etc.

    .class1 {
    [insert the style infor here]

    }

    .class2



    etc...

    With classes, you can use the same name inside the document as many times as you like. This way, you only need the information in the stylesheet once. When you get into "ID's", it's a different case since the W3 says only 1 ID per page.
     

Share This Page