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.