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.

Alex Walker Doing cruel and unusual things to CSS since 2001
Alex manages design and front end development for sitepoint.com and is SitePoint's Design and UX editor.

  • 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.

Related books & courses
Available now on SitePoint Premium

Preview for $1