Dark. Glass. Sciptaculous. Critique Me.

  • RenegadeLatino.com/wordpress

    This is my personal site. I write about the Latino community, the internet and random things.

    I made the whole thing so if you see any errors please tell me and I will get in there and fix it. If you like it, please say that too so I can feel good. Muchas gracias.

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter renegadelatino

    (@renegadelatino)

    Again, alainS, I agree. That is why earlier I said “So I think I may put something on there to say that it doesn’t look right because of their browser and to fix that they can upgrade.” I know people will go and not know its their browser that makes it look the way it does. So I will inform them and hope they change.

    Not bad.

    There are some inconsistencies, like the missing shadows at the buttons “Journal”, “Portfolio”, “About”. When you hover the big button (RenegadeLatino), the shadow is different to the default one. That may be intended so, but it looks “false” and “anxious”.

    And as mentioned before: the hover-effect does not work smoothly cause the images are loaded slowly and to late (Firefox in my case).

    As ALA wrote years ago: “For optimum usability, a rollover must be instantaneous – BAM! – or the effect is diminished.” Thats the point. So have a look at this one:

    https://wellstyled.com/css-nopreload-rollovers.html

    Cheers,
    John

    Thread Starter renegadelatino

    (@renegadelatino)

    Indeed the rollover issue is a problem and I think I will have to fix it with the method mentioned.

    The shadow on the big button is different in the “on” state, it’s double what the regular shadow is. I’m not sure what’s meant by “false” and “anxious” but I’ll work with the regular shadow and see what works.

    Indeed the menu buttons do not have shadows. I originally intended this and made it that way but I’ll work with some shadows and see what works.

    Thank you for the input, I appreciate it.

    Here’s a really easy way to do preloading for images.

    put this somewhere, anywhere in your body:
    <img src="image-that-needs-preloading.png" style="display:none"/>

    The browser will fetch the image but will not display it thanks to the CSS. Then when the user hovers over your nav buttons, the browser will just take the image from its cache.

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Dark. Glass. Sciptaculous. Critique Me.’ is closed to new replies.