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):
- First Place: Onyx by Paul DeVay
Technically, this theme got a huge thumbs-up from the judges for its use of-webkit-background-clip: textand-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. - 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. - 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.
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
2 years agoAwesome creativity shown by the contestants! Congratulations!
Andrea Cammarata
2 years agoCongratulation guys! I really like them all!
Andrea Cammarata
2 years agoCongratulation guys! I really like them all
Mike Hardaker
2 years agoCongratulations 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
2 years agoCongratulations 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….
?
Mike Hardaker
2 years agoBTW - 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
2 years agoCongrats 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
2 years ago@Mike, you’re welcome and thanks!
Mike Hardaker
2 years ago@Brett I’ll be (subtly) stealing [er, I mean learning…] from your code, I’m sure!
Brett Barros
2 years ago@Mike Presumably you know to look here for the scss:
http://www.latentmotion.com/roookies/theming/roookies.scss
Have at it
Mike Hardaker
2 years ago@Brett I didn’t but thanks - that’s really most generous.
thomasalex
2 years agoi just want to say WOW to all
Tony Brown
2 years agoNice work to all those involved, I;‘m inspired to start working with Sencha
Simo Moujami
2 years agoAll 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
2 years agoI’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
2 years agoI 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
2 years agoExcellent Guys
Comments are Gravatar enabled. Your email address will not be shown.
Commenting is not available in this channel entry.