Allan & Steve are the chubby founders of LessEverything. This is their blog, hear them rant, praise, give advice and talk about Just Stuff, Less Accounting, Lovd by Less, More Honey, Less Memories, Code, Business, Design, Marketing
April 14th, 2008

Dromaeo.com, some CSS magic

written by Allan Branch


I had to toot my own horn and announce a design I am very proud of.

John Resig, creator of JQuery, needed a bit of design help with a new Mozilla project. He's created a JavaScript performance test suite, which I threw a design on. Big thanks to John for giving me such creative freedom. For the little dinos, clouds and comets, I used css absolute positioning with px and % locations and of course z-index layering. The video below shows the effect, it also works in IE6.



Link to Dromaeo.com

5 Responses to “Dromaeo.com, some CSS magic”

  1. Andrew April 15th, 2008

    Loving the layered effect on the header, similar to http://www.silverbackapp.com

  2. Allan Branch April 15th, 2008

    @Andrew, hey I love that site too! Ours is similar except Dromaeo works in IE6.

  3. Ben April 15th, 2008

    Very cool. That is a great idea!!

  4. Bill Abel April 17th, 2008

    Cool. Love it. Were you planning on having the dinos move around during the test? I noticed they were individual assets.

  5. mae April 24th, 2008

    ooh love it! Hope I’m as creative as you :(

Leave a Reply