More Zen for your Eyeball

Running a little further with the Eyetools theme from my last post, Greg Edwards has put you in the drivers seat.

If you’ve ever wondered whether:

  • light text on dark background gets more attention than dark on light;
  • right-hand navigation gets de-prioritized
  • the bottom left is really a dead zone
  • image-based text really does draw the eye

– then here’s your chance to test your theories, free of change

Greg is asking for your vote on the next CSSZenGarden entry to be eyetracked.

I eventually settled on Kai Laborenz’s clever CSS Zen Ocean, but I must admit I was desperately close to nominating Bruce Lawson’s retro-masterpiece‘.

Ah, the subtle power of CSS.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.lowter.com charmedlover

    I’m going to vote, but I’m having a hard time between some of them, but I would like to see:

    http://www.csszengarden.com/?cssfile=http://icant.co.uk/zen/sample.css

  • http://wv4.co.uk/ roblewis100

    Just a note to say it’s best to take a look at the CSS Zen Ocean link given above in a browser such as Firefox rather then Internet Explorer, else you won’t get the full effect ;)

  • chilij

    I observed that Opera renders Ocean better than Firefox. The diver’s transition is more seamless in Opera when scrolling (Opera Windows beta 8b vs FF 1.0.1)

    PS. I don’t want to get into a war here.

  • cholmon

    I’d be curious to see how the diver and the bubbles in Zen Ocean would affect the Eyetools heat map.

  • thorbergdt

    wow that Zen Ocean is just crazy……………. talk about inspiration

  • http://www.circle.co.nz nzgfxguru

    Bruce Lawson’s retro-masterpiece really assaults the eyes with both barrels!

    But they would both be very interesting case studies.

  • http://www.sitepoint.com AlexW

    [quote=roblewis100]Just a note to say it’s best to take a look at the CSS Zen Ocean link given above in a browser such as Firefox rather then Internet Explorer, else you won’t get the full effect ;)[/quote]

    Quite right, roblewis100.

    I only use IE for testing these days, so I’m not as aware of it’s failing as I used to be.

    I agree, Opera certainly does a nicer job with the alpha-transparency trick. However they’ve used some wacky Moz-only psuedo attributes to position the buttons in the treasure chest.

    That’s hardly Opera’s fault though.

  • Bruce

    You should’ve nominated the retro design. It’s genius. The guy behind it must be witty, urbane, sophisticated, intelligent and doubtless incredibly good-looking, too.

  • http://www.sitepoint.com AlexW

    hehehe,.. ah,.that obviously goes without saying, Bruce.