Website critique, part trois

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

  1. Kingsly macrumors 68040


    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:
  2. Ezekiel macrumors newbie

    Sep 18, 2006
    So, the 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, 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


    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

    Sep 18, 2006
    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


    Sep 20, 2006
    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


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


    Jul 7, 2006
    Queensland, Australia
  8. monke macrumors 65816


    May 30, 2005
    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:
    <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


    Thanks! :)
  10. ThunderLounge macrumors 6502


    Sep 20, 2006
    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]




    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