Winners Announced: Build an Incredible HTML5 App: $7000 Competition

Winners Announced: Build an Incredible HTML5 App: $7000 Competition

After a week of deliberation by a handful of select reviewers, we’ve narrowed the dozens of submissions down to the top three winners! Trust me, when I tell you that it was not an easy decision. Let’s see who won!


3rd Place: devZor.project


devZor

Created By: Gjore Sazdovski

devZor.project is the only to-do list a developer ever needs! It provides you with the freedom to manage your tasks in a different way. I’m sure you’ve used a lot of these task management solutions, but in my opinion, they were always either too simple and feature-less or too advanced and hard to find your way around. As such, I created something different, something that focuses on the every day tasks of a developer and/or freelancer.


2nd Place: JCanvasMap

JCanvasMap
Created By: Miralem Drek

This is an insanely detailed map, with click-points, built entirely with Canvas. A full demo is coming soon!


Grand Prize Winner: Dweamer

Dweamer
Created By: Jesse Weed

Dweamer is an HTML5 “theme builder” for Dreamweaver. It allows you to easily create themes that change the appearance of Dreamweaver’s code view. If you’ve ever tried to edit the Dreamweaver color scheme on your own, you know what a pain it can be (and if you haven’t, you’re not missing much). But, Dweamer makes easy work of a task that used to take several hours. And since Dweamer allows you to save themes, you can come back and edit them at any time, or quickly switch to a different theme whenever you like (without having to start from scratch every time).


Congratulations, Guys!

Job well done to Jesse, Miralem, and Gjore. We’ll be in touch with you later this week to arrange your prizes!

To those of you who entered, and did not, please keep in mind that this was a very close competition. Up until the last few hours, we were deciding between the top six. Nonetheless, many of these items will be featured on CodeCanyon, and in an upcoming round-up on Nettuts+.


As HTML5′s popularity continues to increase, we at Tuts+ and CodeCanyon would like to do our part in promoting and rewarding those who are on the cutting edge of what’s possible with HTML5, local storage, geolocation, SVG, and CSS3. Not only that, but we’re also, at the conclusion of this competition, launching a brand new category on our coding marketplace, CodeCanyon, specifically for HTML5 apps.

We have $7000 worth of prizes from some of the most respected companies in our industry, but the creators of the best items will also profit by selling their HTML apps on CodeCanyon. Authors: you have one month to prepare the coolest, cutting edge HTML5 app that you’re capable of. What prizes are we offering??


I’m pleased to announce that I can personally recommend every single one of the following sponsors who offered items and services to this competition. We wouldn’t promote them if we didn’t feel that way!


2 Runners-Up Prizes


How Does it Work?

The rules are quite simple. Using HTML5 technologies (and feel free to throw in some CSS3 goodness while you’re at it), we want you to build a cutting edge app. It could be similar to something along the lines of:

  • The recent HTML5 presentation app
  • An awesome cross-browser HTML5 video player, with full screen support, Flash fallback, etc.
  • A kick-ass to-do list with offline storage support.
  • An HTML5 website that people would swear was created with Flash
  • etc.

Feel free to combine all modern technologies when building your item, including HTML5, geolocation, offline storage, CSS3, SVG, and any other acronym that is applicable to your project. Once you have finished building your “app,” — and you have a month to make it — return to this page, where there will be a contest submission form to fill out.

Most Importantly: We want you to build an item that people will actually use. Particle effects are great, but unless you have an argument for why others would have a need for your particle item in their project, it most likely won’t be in the running for the grand prize spot. Think wide-spread, when building your app. A presentation app is wide-spread, video players are wide-spread. Use your imagination!


Selling on CodeCanyon

In late August, CodeCanyon.net will be launching a new “HTML5 Apps” category, which we fully expect to be monstrously popular. After we select the best items from this contest — including the ones that didn’t win one of the top three prizes — we will contact the authors about selling their items on CodeCanyon in this new category, where they’ll earn between 40-70% for each sale. Considering Envato’s 430,000 marketplace members, and the fact that many of these authors make thousands of dollars each month, you’ll do quite well if your item appeals to a wide variety of people. By entering this competition, you agree that, if your item is chosen, it will be uploaded to CodeCanyon under your account, and will help to serve as seed content for the category.


Frequently Asked Questions

Please note that this section will sporadically be updated as questions come in from the community.

  1. When is the deadline? You have until August 23rd, 2010, at 11:59 PM (USA Central Standard time).
  2. How do I enter? When ready, submit your item here.
  3. If I win the contest, how will my item be sold on CodeCanyon? At that point, we will contact you about creating your free author account (if you don’t already have one), and submitting your item. It’s quite easy. Plus, because your item will be part of the new category’s seed content, you’ll get a tremendous amount of exposure as we advertise the category like crazy!
  4. Can I submit to the upcoming “HTML5 Apps” category even if I don’t win? Absolutely…and I hope you do!
  5. Can Envato staff enter this competition? Unfortunately not.
  6. Must my item support all browsers? No; we fully understand that these are items that simply won’t work in all browsers. However, do your best to provide some level of support for as many browsers as possible.

Terms and Conditions

  • This competition is open to anyone and everyone, excluding Envato staff.
  • You have until August 23rd, 2010, at 11:59 PM (USA Central Standard time) to submit your item
  • The winners of the contest will be determined by a team of no less than three judges.
  • Items must officially be submitted here to be considered for the prizes.

Good Luck!!

We can’t wait to see what you come up with. There are a lot of prizes at stake here, so submit the best possible item you’re capable of! And remember, even if you don’t win, if your item is of a high quality, you can still profit from every sale on CodeCanyon. Many authors make thousands upon thousands of dollars each month by doing this!

The deadline is August 23rd. Ready…set…go!!

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://rafaelcavalcante.com Rafael Cavalcante

    Awesome idea.

  • Hassan

    Damn!! That is insane! Some really great prizes. I wish I can enter but sadly don’t know HTML5 too well yet.

  • http://bennny.com Benny

    Wow, that sure is a lot of prizes. I might try entering, but probably won’t. Oh well, good luck to all contestants.

  • http://www.zacvineyard.com Zac

    This looks sick! Very excited.

  • http://www.Twitter.com/TylorSkory Tylor Skory

    Can Envato staff enter this competition? Unfortunately not.

    Terms and Conditions – This competition is open to anyone and everyone, excluding Envato staff.

    Ah! Contradiction!

    • TylorSkory

      Never-mind. I misread that. Sorry, it’s late here :P

      • http://ivorpadilla.net Ivor

        Doh!

    • http://www.jdgauchat.com JD Gauchat

      Now is open to everyone except Tylor Skory lol

  • http://www.beperceived.com Chris Schmitz

    Very cool contest! I am excited to see what people come up with.

    Since most people can’t implement a lot of this stuff into client work yet it will give people a good chance to get creative with these new technologies!

  • http://www.pinoygames.ph keithics

    very nice!

  • Nick

    Is it ok to use jQuery?

    Nick

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Sure. But, as it’s an HTML5 competition, make sure you’re using the new APIs.

  • Greg McAusland

    Woo!

    Been waiting for this one! Can I be the first to throw in the browser compatibility question.

    obviously the point is html5, but how far back are we required to support browsers? Obviously the kind of project will dictate, but for example something based on local storage ain’t gonna fly in IE..

    the most graceful fall back I can think of is just a suggested browsers for use with this product, dialogue.. what are your thoughts?

    cheers!

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Ahh – great question. I’ll update the FAQ right now.

  • http://www.intenseblog.com Jennifer R

    well, it’s an awesome prize.

  • desu

    Interesting to view all contestant applications :D

  • http://www.tutebox.com Tutebox

    This is awesome….
    Lets see what I can do…

    23rd August… is the day then…

  • blcArmadillo

    I almost wouldn’t want to win the grand prize only because I’d be so overwhelmed with prizes I wouldn’t know what to do with them all.

  • Prathap

    Hi,

    Can we use third party tools like svgweb, or javascript frameworks(mit,gnu lic) to implements our own html5 or it should completely our own API ?, thanks.

  • Ishwor Manandhar

    Sounds great !!!

    I’m a bit confused regarding HTML5 Apps. By going through the resources I got to know :

    HTML5 apps

    1. have one single core application;
    2. are written with web standards, primarily HTML, CSS, and JavaScript;
    3. and are deployed on more than one mobile platform.

    All in all, I understood HTML5 apps as are websites written in HTML5, css and javascript which is browser-compatible (most of versions) and should be compatible in multiple smart-phones platform (most likely iPhone and Android). Have I understood right?

    I hope I will be guided from the experts here……

    Thanks

  • Heri Setiawan

    I so love challenge. i’m in :D

  • http://www.art-coder.com Eugene

    I got a Q. If lets say I’ll win iPod Touch will the delivery be possible if I live in Estonia?

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Yep.

  • http://www.markdijkstra.eu Mark Dijkstra

    Sweet!

  • Mark Sinkinson

    If I write for the Appstorm sites does that make me Envato staff even though I’m technically subcontracted?

    I realllly want to enter this competition!

  • http://sair.am/ Sairam

    Something like this is good ? – http://www.effectgames.com/demos/canvascycle/

    btw this aint mine !

    • http://www.samvloeberghs Sam Vloeberghs

      That would probably win the price + some 10 000 dollar bonus for being really cool! :D

  • Robbert

    Sounds good!

    i will participate, i wish all the contestants good luck!

  • Seb

    So it should be all HTML5 / CSS3? Can we use PHP or JS for logic?

  • http://www.mediafirebd.com/ MediafireBD

    It’s Good Idea!

  • http://badassjs.com/ Devon Govett

    Is it allowed to use a small server side component to get around limitations of the browser like cross domain requests?

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Sure.

  • http://banhawi.com/ Banhawi

    HTML5 + ? what options do we’ve beside html5 ?

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Local storage, Geolocation, SVG, CSS3, etc. Lots of options — but you do need to be utilizing the new HTML5 APIs.

      • http://banhawi.com/ Banhawi

        ok , thanks .

  • Suciu Vlad

    Can we have multiple submits?

  • http://www.thedevelopertuts.com Bratu Sebastian

    This will greatly affect my launch of my tutorial website, I want to gen into HTML5 and build something quickly, Yay !

    Coool competition!!

  • http://www.dangermoose.co.uk flashmac

    That 1st Prize is just insane. Great way to promote a new section though, I imagine you’ll fill your pockets on this one! Fair play. I’m in.

  • Dan

    Man, I’d enter but I don’t know JavaScript good enough! The 1st place prices are pretty much a “life-time of happiness”… especially that mediatemple rage dedicated server

  • Hassan

    Any limit on the number of entries per contestant?

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Not at all. :)

  • http://www.labusdesign.com Bill Labus

    So, I’m a bit confused as to what the purpose of the app should be. Should it be more of a small widget-type app that can be incorporated into a larger site, or a full-blown web app that would stand on it’s own as a site? The requirements make it sound like the latter, but the fact that it will be sold on CodeCanyon sounds like it’d lend itself more to the former.

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Hey Bill —

      That’s up to you. You could build an entire app, or a small component that can be integrated into any project. That’s your decision.

  • http://www.syamey.com/ Syahmi

    Wow, this is totally awesome! Nice idea~

  • http://www.kylepowers.com/ Kyle Powers

    Wow, some really nice prizes in there! I’ll most likely be entering!

  • http://www.emersonlackey.com Emerson

    Really interested in doing an app for this, but I think some more clarification is needed with regards to usable technologies. For example, can our app have a back-end? Maybe a list of “this is ok, this is not” would be helpful…

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Hey Emerson,

      Good point. I had planned on updating this posting each day, to respond to the questions.

      To answer yours, yes, you can use a back-end. Though, try to make sure that it’s as “plug-and-play” as possible, if that makes sense.

  • http://connorcrosby.me Connor Crosby

    Wow, those are awesome prizes! You guys are the best. I wish I was good in HTML5, CSS3, etc.

  • http://www.interactivacorp.com @javichitone

    Thats a great idea! I’ll spend this week preparing my project, see you guys on August 23

  • Henson

    So basically a html5 app is a website page right? I mean, not to be confused with iPhone app which can only be run in iPhone.

    So an html5 app consists of but not limited to html, js and css, right? may i use php?

    do you have a sample app so people get an overall idea of this competition? Thanks

  • Danijel

    How much browsers should we support? I assume that the latest versions of Chrome/Firefox/Safari are must.

    Do we need to provide fallbacks for other non-HTML5 browsers? (like IE8/7/please-no 6)

  • http://www.devtuts.com.br/wp Rafael Angeline

    Amazing!

    One Question – Can submit more than one app ?

    Thanks!

  • http://juansan.info Juan

    Hey, I think I am in, but I have one question that no one asked..
    how will apps be qualified, like.. the most cool, the most “sellable”, the ones that uses the most of HTML5??
    The one I have in mind is pretty cool and uses a lot of html5 but not sure on how sellable it is.

    Regards from Uruguay
    Juan

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      We’ll base our decisions on all of those factors. How well was it created? Is it sellable? How unique is it? Etc.

      • http://juansan.info Juan

        Hey Jeffrey,

        Thanks for your quick response, I don’t think I’ll win, but I will give it a chance, anyway I have had this idea in my mind for a while now, it’s time to do it!

        Regards
        Juan Silva

      • http://www.jeffrey-way.com Jeffrey Way
        Author

        Good luck then!

  • http://www.devtuts.com.br/wp Rafael Angeline

    I have another questions..

    ” Is allowed use Jquery?” and ” I need use just features of HTML 5, or can I use Jquery to develop some functions and events?”

    Thanks!

    • Matt89fe

      it has been asked already.
      search in the comments

      • http://www.devtuts.com.br/wp Rafael Angeline

        Sorry, I found now.

        Thanks!

      • Rik de Vos

        2nd time :)

  • http://www.immenseblogger.blogspot.com Abhishek Shukla

    Can i use J Query in HTML5 website? and

    • http://zoomitflash.net ZoomIt

      lol

  • http://luongdiennhan13.blogspot.com/ Luong Dien Nhan

    This is a good news. I am doing some research on HTML5.

  • http://leaflette.org leaflette

    woww, that is really is a pill of money you are giving to others. Thanks for the that!
    *hoping to win. YEahh!

  • Rik de Vos

    Just one question:
    How old do you have to be to participate?

  • http://blackbambu.com Shawn

    I’ve seen the questions about jQuery, but what about Sencha? I’d like to think it offers more to the mobile app. Either way, I will be entering. Are games allowed? Can’t wait to see the submissions as well. Good luck everyone.

  • http://Zettersten.com Erik

    Good question… Will games be considered as Apps? I could only presume so…

  • http://creativityblast.com CreativityBlast

    This is great, ill try to participate if time allows.

    So i guess i can conclude we can use php and jquery but at the same time focus more on HTML5 features and apis.

    Thanks
    - Yunus

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Yes!

  • Devon Adkisson

    Are we allowed to use things like jQuery in it aswell? Or are we limited (is it really a limit?) to strictly HTML5?

    • Devon Adkisson

      Derp, didn’t read all of the comments, my bad!

    • Jefri

      LOL!

  • And

    I have something in mind – or more like halfway there in terms of building it – but it’s more like a web-based application that would not be ‘sell-able’ if you know what I mean. Given that, does that automatically make it impossible for it to be considered to be the winning application given that it is meant to be sold on Code Canyon?