Sencha Inc. | HTML5 Apps

Blog

Sencha Touch Theme Contest Winners Announced

May 09, 2011 | James Pearce

Sencha Touch Theme Contest Winners Announced

We are very pleased to be able to announce the winners of our first Sencha Touch Theme Contest. In the contest, we asked you to take our simple Roookies application and use SASS and CSS alone to make it look wonderful. Our panel of five judges then assessed the entries on aesthetic, technical, and compatibility criteria.

Without further ado, congratulations to our winners (view in Chrome or Safari on desktop browsers):

  1. First Place: Onyx by Paul DeVay
    Technically, this theme got a huge thumbs-up from the judges for its use of -webkit-background-clip: text and -webkit-animation-* in the toolbar and iconography to create a gently changing color scheme. The cutout effect also impressed, with its use of SVG, and the overall look and feel of the design exuded a discreet and well-stated elegance. Paul wins a MacBook Air and an iPad 2.
  2. Second Place: Basic by Amanda Martin
    Sometimes less is more. This theme, with its simple, white appearance, makes sure that the content — itself a set of diverse visual images — gets the focus of the viewer's eye. Judges also liked the bold images used for the icons, and the faint dotted lines guide the eye to the layout of the application as a whole. Second prize was a RIM BlackBerry PlayBook and an iPad 2.
  3. Third Place: Stitches by Matt Baker
    We saw many themes with textile, metal and stone design — each very appropriate for touch-oriented mobile applications. The judges felt this to be a strong example of the genre, with a subtle leather texture, stitching motif, and matching toolbar font. Matt wins an iPad 2.

We would also like to make some very notable mentions for some of the other submissions that nearly made it into our top picks: Scrapboook by Diki Andeas, Paddles by Brett Barros, Reeematch by Bert Timmermans, Landing by Isaac Johnston & Sebastian Berlein, 3D Nostalgia by Steinacher Beda, and Last Minute by Simo Moujami.

Scrapboook by Diki Andeas Paddles by Brett Barros Reeematch by Bert Timmermans Landing by Isaac Johnston 3D Nostalgia by Steinacher Beda Last Minute by Simo Moujami

Overall, we were blown away by the inventiveness and creativity of all of the entries — a reminder, if one was needed, of the power and flexibility of CSS, and the fact that mobile web technologies make it easier than ever to create unique, and beautiful user experiences.

Thanks to everyone for entering, and congratulations again to our winners!

There are 17 responses. Add yours.

Thorsten Suckow-Homberg

3 years ago

Awesome creativity shown by the contestants! Congratulations!

Andrea Cammarata

3 years ago

Congratulation guys! I really like them all! smile

Andrea Cammarata

3 years ago

Congratulation guys! I really like them all smile

Mike Hardaker

3 years ago

Congratulations to the winners - there’s some really stunning CSS there.

BUT…

Have you actually looked at the winner on an Android device? It’s badly broken (hint: “use of SVG” and “cross-platform” are not happy playmates…)

At a more subtle level:

None of them is meaningfully functional in landscape mode on small-screen device such as an iPhone, an iPod Touch or even a hi-res Android handset. You tap on the image, the scroller does its thing, and you can’t see the important “views, likes, comments, etc” bar (or even have any idea it’s there).

Failing to spot/fix this fundamental design flaw in the base application (and its something that’s easily doable in CSS) does seem to be a tad light in two of the three judging areas, namely:

* Cross-platform support
* Technical merit

I think there’s some great CSS design here - don’t get me wrong - but I don’t think you’ve applied the judging criteria of Official Rules.

For “Overall design and feel” I can’t complain at all - but that was only supposed to be one of three judging criteria.

(This isn’t sour grapes, BTW - just disappointment that winners didn’t solve some very basic technical-cum-cross-platfrom issues, and that the judges didn’t notice. I’d hoped to be more excited - and to learn more - from the winners on more levels than just the CSS prettiness.)

Isaac Johnston

3 years ago

Congratulations to the winners and thanks again to Sencha for running the contest.

Please note Sebastian Berlein was the designer and I implemented it for the “Landing” notable mention, but the submission form only had space for one persons details.

Now wheres the Ext 4 launch app competition…. wink ?

Mike Hardaker

3 years ago

BTW - much, much kudos to Paddles, at least (and moderate kudos to 3D Nostalgia on “good” Android handsets, but not iPhone) for solving the handset/landscape issue very elegantly. Thank you Brett!

Brett Barros

3 years ago

Congrats to the winners! I’m especially fond of Stitches, which is indeed a more streamlined execution of the genre I attempted. Also, kudos to my fellow honorable mentions.

PS: The font name in the link to my theme “Paddies” is missing a “t” at the end, preventing Google’s theme from loading.

Brett Barros

3 years ago

@Mike, you’re welcome and thanks! smile

Mike Hardaker

3 years ago

@Brett I’ll be (subtly) stealing [er, I mean learning…] from your code, I’m sure!

Brett Barros

3 years ago

@Mike Presumably you know to look here for the scss:
http://www.latentmotion.com/roookies/theming/roookies.scss

Have at it smile

Mike Hardaker

3 years ago

@Brett I didn’t but thanks - that’s really most generous.

thomasalex

3 years ago

i just want to say WOW to all smile

Tony Brown

3 years ago

Nice work to all those involved, I;‘m inspired to start working with Sencha

Simo Moujami

3 years ago

All great themes and congratulations to the winners! I wanted to get started with Sencha Touch for the past few weeks. This was a great catalyst!

Victor

3 years ago

I’m wondering what where the criteria to make these themes the winners. I look at my submitted theme and I don’t see why it wasn’t even mentioned there.  I don’t want to think that the winners were basically friends of the judges.

Gokul

3 years ago

I have dropdown inside of drop down three colours is there.i should change theme in EXT-js 4.How should i make theme changes.

Ram

3 years ago

Excellent Guys

Comments are Gravatar enabled. Your email address will not be shown.

Commenting is not available in this channel entry.