Congratulations to our June Dev Derby winners!

We kicked off our series of monthly developer challenges in June to see what Web developers could do with CSS3 Animations. Our first ever Dev Derby was a huge success with almost 30 entries and a variety of demos that brought action to the Web without JavaScript. The results have been awesome!

Early fan favorites included Rofox CSS3 and CSS Nyan Cat, which remain among the most viewed on Demo Studio.

While all the demos were amazing, we had a tough task in narrowing down the submissions to 5 finalists based on our judging criteria. After careful review and feedback, the following demos surfaced as candidates for our final round of voting:

Animated menu icons
Auto-run photo album
BATTLEFIELD CSS3
CSS Tricks
Plan B – Retro Demo

With those 5 demos left in the running, we brought in our expert judges and a few members of the Mozilla team to vote on the finalists. Judges rated each demo on a scale of 1 – 5 across the following dimensions:

  • Technology – Does the demo showcase the power of open Web technologies?
  • Originality – How innovative and unique is the demo?
  • Aesthetics – How good is the visual design and interaction experience?
  • Practicality – How useful is this demo in enhancing the Web today?

It was a close race and we’re excited to announce that the winners of the June Dev Derby are:

1st Place: CSS Tricks by Mircea Piturca.
2nd Place: Animated menu icons by Koen Hendrix.
3rd Place: Plan B – Retro Demo by matt64.

Runners-up:
Auto-run photo album
BATTLEFIELD CSS3

Thanks to everyone that submitted their awesome demos for the June Dev Derby. Up next we have HTML5 video for July, History API for August and Geolocation for September. We look forward to seeing even more great submissions for July and beyond! Hack on.

About Jay Patel

I strive to make the web better by making sure those that develop and drive it are happy campers.

More articles by Jay Patel…


2 comments

  1. alexleduc

    I don’t mean to belittle all the efforts that went into building these demos (they’re great!) but I fail to see how any of them win any points in the Practicality criteria (except the menu demo). This criteria should be judged by how easy it is to answer the question: “How can I use this in my Web App / Web site that’s not a tech demo?”.

    Also CSS Tricks uses Kinect so it’s hardly a showcase the power of open Web technologies.

    July 25th, 2011 at 06:45

  2. Gaurav Mishra

    OK Mozilla.
    I did not knew that.

    YAY!! to Winnders

    July 28th, 2011 at 23:32

Comments are closed for this article.