Sencha Inc. | HTML5 Apps

Blog

Sencha Touch Theme Contest

April 19, 2011 | David Kaneda

Sencha Touch Theme Contest Prizes

I am extremely excited to announce our second contest for Sencha Touch, a theming competition geared toward designers. We have some fantastic, designery prizes lined up, including a MacBook Air, a BlackBerry PlayBook, and three iPad 2s.

Roookies app for browsing new Dribbble creations. Built with Sencha Touch. The contest is simple: Build and submit a theme (just a CSS file) for our demo app, Roookies. Roookies is a browser for Dribbble — a popular design sharing site — that highlights “shots” from new players, or “rookies.” To get you started we have already created a sample theme (included in the download), created by Jen Gordon from Tapptics. Once all of the entries have been collected, we will judge them on three main factors which are overall design/feel, cross-platform support, and technical prowess (otherwise known as Sass-fu).

For those who haven’t already tried it, theming a Sencha Touch application is easy — thanks in large part to our use of Compass and Sass. These two technologies help abstract our themes so designers can manipulate variables like “$base-color” and “$base-gradient” to make sweeping changes to the application style. All of this, of course, comes in addition to the ability to use plain old CSS to style.

Also, we want to include some typographic freedom, so designers are also able to to submit the name of a Google Web Font to be included on the page. For additional info on theming Sencha Touch, watch my presentation on the subject from last year’s SenchaCon. Lastly, we have added a new page to our Sencha Touch Docs documenting the many variables and mixins built into our theming system.

So designers, fire up Photoshop and Textmate and let’s see some beautiful themes!

Contest Details Sample App

There are 23 responses. Add yours.

Steffen Hiller

4 years ago

Cool contest idea. Looking forward to see the results. smile

James Pearce Sencha Employee

4 years ago

Or you could even enter it grin

Yeah - looking forward to people’s creativity too!

Julian Pscheid

4 years ago

Nice… we’re skinning a web app for one of our clients right now. I’ll check with them if it’s ok for us to submit it.

Jay Robinson Sencha Employee

4 years ago

Great to hear, Julian! Hopefully it works out.

Thomas

4 years ago

Roookies Link to github is wrong. Happy Theming! wink

Benjamin

4 years ago

Good idea! I wish I had some free time to enter the contest, looks like a fun experience smile

Westy

4 years ago

Could use a theming page like that for Ext 4!

Andrea Cammarata

4 years ago

Great! I can not miss this contest! I already have cool ideas in my mind wink

Andrea Cammarata

4 years ago

Is it allowed to add extra html elements to the application, like a simple div, p, etc.?

James Pearce

4 years ago

Andrea, we’re judging people on what they can do with CSS (or Sass). The entries comprise a CSS URL at the very least.

However, you could also fork the repo and show us what you could have done if you’d been allowed to edit the JS too - just for the props!

David Kaneda Sencha Employee

4 years ago

Andrea — Just also want to point out that, because we’re targeting mobile WebKit, there is also a lot of design you can add using :before/:after pseudo-elements smile Good luck!

Andrea Cammarata

4 years ago

@James / @David: Thank you both for your replies guys.
I really hope to complete my idea just in time for the deadline smile

focuser

4 years ago

what a good idea you have ,now come on!

Andrea Cammarata

4 years ago

ehehe you will see it smile I really hope to find some free time to join to contest, in these days I’m really full of work, otherwise I will show it on the forum when the contest ends smile

Manuite

4 years ago

Can we submit more than one theme?
(I might have read the rules too fast…)

James Pearce

4 years ago

Go for it! Nothing in the rules about forbidding multiple entries wink

Crysfel

4 years ago

Woaw!! I’m in!! too bad that we can’t modify the JS :(

Andrea Cammarata

4 years ago

Still a question: (I’m like a spammer on this post smile )
Does the theme need to be focus on basketball or we are free to think about something else?
I ask you because I see the icon and splash screen of the application focus on that subject, and if we can only provide a css, then the theme will not fit with this two elements.

David Kaneda Sencha Employee

3 years ago

Andrea — you’re definitely welcome to do any style theme for the app you’d like. We’ll be judging based solely on the theme, and, if yours wins and you’d prefer a different icon/startup to show it off, we’ll be happy to work in later smile

Brett Barros

3 years ago

Has anyone else noticed that the demo theme uses inline-images for the wooden background that don’t work on Android? I’m going to have to externally reference my images for this reason…

Gabriel

3 years ago

Great idea!

Star

3 years ago

That’s really tihinnkg out of the box. Thanks!

Deon

3 years ago

You got to push it-this eesnsital info that is!

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

Commenting is not available in this channel entry.