Blog

Blog » jQuery Button Contest – Many Prizes!

Posted October 26th, 2006 by ReyBango
Update: The contest is now closed! I would like to thank everyone for their submissions. We’ll begin the judging process very soon.

To encourage people to promote the jQuery project, and get as many people involved in the community as possible, we’re holding a contest to build a “Powered by jQuery” button. Having a nicely designed button will be a good way for jQuery users to build more awareness about the project, while having something that looks cool on your site!

The Rules:

  1. The contest will run until November 3rd. Winners will be announced November 5th.
  2. All entries must must be optimized for the web (8-bit PNG) and images should be no bigger than 173×31 (example).
  3. The jQuery team will have the right to the use the submissions anyway they wish. This will prevent any copyright issues in the future. The winner must also be able to provide a PSD (or AI) file so that the image can be maintained in the future.
  4. Prizes will be awarded for 1st, 2nd and 3rd place submissions.
  5. The general jQuery community will do the final voting, moderated by John Resig, creator of jQuery, and Rey Bango.
  6. You should make use of the jQuery hat logo in your button (you’re free to re-draw it, as necessary). If needed, here’s a raw PSD of the hat logo.

The Prizes:

  1. First Place Prize: Two Books – Ajax Design Patterns and John Resig’s upcoming Pro JavaScript Techniques
  2. Second Place Prize: One Book – Foundations of Ajax
  3. Third Place Prize: $10 Cash to a PayPal account of your choosing!

The prizes will be shipped anywhere in the world via regular post.

All submissions should be made in the comment section of this posting via a standard hyperlink. Make sure that you provide a valid email address when submitting your entry.

This is your chance to really help expand the jQuery community by creating a top notch button that will get a ton of exposure. Good luck to everyone!

89 Responses to “jQuery Button Contest – Many Prizes!”

  1. Yehuda Katz Says:
    October 26th, 2006 at 11:49 pm

    My lame first attempt is at: http://www.visualjquery.com/images/powered/powered-1.png

  2. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 2:52 am

    Here is my first attempt:
    http://img224.imageshack.us/img224/8089/jquerycz5.png

  3. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 2:55 am

    Bordered variation:
    http://img83.imageshack.us/img83/4057/jqueryrp3.png

  4. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 3:02 am

    Pixel graphic version
    http://img213.imageshack.us/img213/2271/jquerysx2.png

  5. FreakDev Says:
    October 27th, 2006 at 4:09 am

    my 3 first attempts :
    http://data.freakdev.com/images/jquerycontest/first-try.png
    http://data.freakdev.com/images/jquerycontest/second-try.png
    http://data.freakdev.com/images/jquerycontest/third-try.png

    I hope you’ll like them ;)

  6. Dan Atkinson Says:
    October 27th, 2006 at 5:43 am

    Don’t get me wrong… Images are a great way to show your support for something, but the main thing that’s going to drive up support and draw attention to jQuery is its features, and cool plugins based on it.

    Wouldn’t it be great if a competition format were applied to plugins as well? Either in a ‘best of breed’, or ‘killer app’ competition.

  7. Steven Hambleton Says:
    October 27th, 2006 at 7:18 am

    http://www.hambodesign.com/jquery/jquery-1.png

  8. ReyBango Says:
    October 27th, 2006 at 8:50 am

    @Dan: Thanks for the feedback Dan. Thats something that I spoke to John about last night and its already in the works. The button contest is just the start of a more concerted effort to promote JQuery and to continue to build community involvement. There are much bigger initiatives being planned that include some of the things you’ve mentioned. Thanks.

  9. Adrian Miu Says:
    October 27th, 2006 at 9:03 am

    http://www.adrianmiu.ro/jquery/button_black.png
    http://www.adrianmiu.ro/jquery/button_white.png

  10. Jörn Zaefferer Says:
    October 27th, 2006 at 9:23 am

    My stab at this: http://jquery.bassistance.de/powered-by-jquery.png
    You’ve seen it before ;-)

  11. robert wagner Says:
    October 27th, 2006 at 11:03 am

    seriously: there’s a big problem with the “jQuery hat” it looks quite a bit like dog’s sh*t. worse when rounded(1), very ok from another perspective(9)… don’t make the mistake of that campaign: http://www.du-bist-deutschland.de

  12. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 11:21 am

    Can you give any example of “Features” that you will like to see on the support images :D.

  13. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 11:32 am

    My next collaboration
    http://img335.imageshack.us/img335/3203/jquery2yx5.png

  14. Zohaib Sibte Hassan Says:
    October 27th, 2006 at 11:40 am

    Variation of above with better description :P
    http://img230.imageshack.us/img230/4352/jquery2qv0.png

  15. Franck Marcia Says:
    October 27th, 2006 at 11:43 am

    My tiny one: http://fmarcia.info/jquery/jquery.png

  16. Marshall Salinger Says:
    October 27th, 2006 at 2:21 pm

    http://salingermultimedia.com/jQuery/jQuery_power.png

    More to follow. Thanks!

  17. Nate Cavanaugh Says:
    October 27th, 2006 at 4:26 pm

    Well, here are a couple of quickies for ya:

    http://zion.expansecms.com/files/jquery/jquery_1.gif
    http://zion.expansecms.com/files/jquery/jquery_2.gif
    http://zion.expansecms.com/files/jquery/jquery_3.gif
    http://zion.expansecms.com/files/jquery/jquery_4.gif

  18. inguna trepša Says:
    October 27th, 2006 at 5:48 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo1.png
    http://www.antemeridiemdesign.com/fun/JQ_logo2.png
    http://www.antemeridiemdesign.com/fun/JQ_logo3.png

  19. inguna trepša Says:
    October 27th, 2006 at 6:15 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo4.png

  20. inguna trepša Says:
    October 27th, 2006 at 6:31 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo5.png

  21. Shaun Kester Says:
    October 27th, 2006 at 6:47 pm

    http://www.skfox.com/jquery/jquery.png

  22. Chris Frohoff Says:
    October 27th, 2006 at 7:30 pm

    a few variant backgrounds and borders:

    http://static.flickr.com/115/280948514_ae50b97dee_m.jpg
    http://static.flickr.com/86/280948252_c4a5e33991_m.jpg
    http://static.flickr.com/106/280948251_7cf89ce806_m.jpg
    http://static.flickr.com/88/280948245_999d2d8a21_m.jpg

  23. Paul Ingram Says:
    October 28th, 2006 at 12:22 am

    Not sure.. is this also a logo contest?

    http://www.ingramlabs.com/stage/jquery_art/jquery_pwrdby-1.png

  24. Joel Birch Says:
    October 28th, 2006 at 4:08 am

    The transparency works on any background ie. black/white/whatever. I didn’t use “matting”, so whilst there is a slight jaggedness to the “hat”, I think the fact that it works on any background makes up for it. I guess there could be matted versions, but I thought one-size-fits-all is more jQuerish.

    http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ.png

  25. altstack Says:
    October 28th, 2006 at 10:27 am

    Thanks for jQuery.

    http://www.altstack.com/data/jquery/88x23_bk01.png
    http://www.altstack.com/data/jquery/88x23_gr01.png
    http://www.altstack.com/data/jquery/88x31_bk01.png
    http://www.altstack.com/data/jquery/110x31_bk01.png
    http://www.altstack.com/data/jquery/110x31_gr01.png

  26. inguna trepša Says:
    October 28th, 2006 at 12:41 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo6.png

  27. inguna trepša Says:
    October 28th, 2006 at 12:41 pm

    A slight variation of the prev:

    http://www.antemeridiemdesign.com/fun/JQ_logo7.png

  28. inguna trepša Says:
    October 28th, 2006 at 12:42 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo8.png

  29. inguna trepša Says:
    October 28th, 2006 at 1:00 pm

    This is not the button but rather a shot at the header of this page. It happened along the way, a rough idea, but if you find it interesting I’d love to work on it more (+= your suggestions).
    http://www.antemeridiemdesign.com/fun/jq_header.html

  30. sehmaschine Says:
    October 28th, 2006 at 1:12 pm

    ok, this is somehow off-topic but I couldn´t resist.

    http://www.vonautomatisch.at/jquery/

  31. Adrian Miu Says:
    October 29th, 2006 at 5:52 am

    http://www.adrianmiu.ro/jquery/jquery_black.png
    http://www.adrianmiu.ro/jquery/jquery_white.png

  32. Paul Says:
    October 29th, 2006 at 1:50 pm

    First tries.

    http://dawgdaze.net/jquery/jquery.dom.png
    http://dawgdaze.net/jquery/jquery.powered.by.png

  33. Josh Roth Says:
    October 29th, 2006 at 2:12 pm

    http://img66.imageshack.us/img66/8716/jqueryjb9.png

  34. Adrian Miu Says:
    October 30th, 2006 at 1:46 am

    http://www.adrianmiu.ro/jquery/jquery3.png

  35. Joel Birch Says:
    October 30th, 2006 at 5:28 am

    A stronger revamp of my earlier one (24)

    http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ_stronger.png

  36. Clodelio Delfino Says:
    October 30th, 2006 at 8:06 am

    3 entries for me created using GIMP on FreeBSD…JQuery rules! c”,)

    http://www.granitiworld.com/sandbox/jquery01.png
    http://www.granitiworld.com/sandbox/jquery02.png
    http://www.granitiworld.com/sandbox/jquery03.png

    Cheers,
    cdelfino

  37. Linan Wang Says:
    October 30th, 2006 at 5:47 pm

    Here is mine:
    http://wang.linan.googlepages.com/jquery-s.png

  38. Joon Park Says:
    October 30th, 2006 at 9:24 pm

    Threw that last one in there for free. Please don’t disqualify me. ;)

    Modified from your original psd file. Gradients and paths used, just like the original. Tilted a bit to give it some life.

    Thanks!

    http://www.dvessel.com/files/jquery1.png
    http://www.dvessel.com/files/jquery2.png
    http://www.dvessel.com/files/jquery3.png
    http://www.dvessel.com/files/jquery-logo.png

  39. Joon Park Says:
    October 30th, 2006 at 9:58 pm

    Oh, last one. Just came to me..

    http://www.dvessel.com/files/jquery4.png

  40. Alex Walker Says:
    October 30th, 2006 at 11:46 pm

    My turn.

    http://www.sitepoint.com/images/ads/jquery.png

  41. Joel Birch Says:
    October 31st, 2006 at 1:11 am

    A more symmetrical variation. I prefer my non-symmetrical one (35) though, I think.

    http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ_symmetry.png

    P.S. Lots of nice buttons! Let’s keep it on the boil!

  42. Giel Berkers Says:
    October 31st, 2006 at 2:04 am

    My tiny one: http://www.gielberkers.com/temp/80x15_jquery.png

  43. Joel Birch Says:
    October 31st, 2006 at 3:52 am

    Here is a small version:

    http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ_small.png

  44. Juha Suni Says:
    October 31st, 2006 at 5:15 am

    Four versions with the same dark grey theme:

    http://www.sparecom.fi/img/jquery/jquery_80x15_black.png
    http://www.sparecom.fi/img/jquery/jquery_120x20_black.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_black.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_black_2.png

  45. Juha Suni Says:
    October 31st, 2006 at 5:16 am

    And the same ones in the jQuery-blue theme coloring:

    http://www.sparecom.fi/img/jquery/jquery_80x15_blue.png
    http://www.sparecom.fi/img/jquery/jquery_120x20_blue.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_blue.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_blue_2.png

  46. Juha Suni Says:
    October 31st, 2006 at 5:41 am

    And finally four more with a white background for a lighter, cleaner look:

    http://www.sparecom.fi/img/jquery/jquery_80x15_white.png
    http://www.sparecom.fi/img/jquery/jquery_120x20_white.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_white.png
    http://www.sparecom.fi/img/jquery/jquery_173x31_white_2.png

  47. Linan Wang Says:
    October 31st, 2006 at 8:23 am

    Another one:
    http://wang.linan.googlepages.com/jquery2-s.png

  48. Clodelio Delfino Says:
    October 31st, 2006 at 9:49 am

    Added to #36 for the contest…

    http://www.granitiworld.com/sandbox/jquery04.png
    http://www.granitiworld.com/sandbox/jquery05.png

  49. Linan Wang Says:
    October 31st, 2006 at 11:01 am

    A third try:
    http://wang.linan.googlepages.com/jquery3.png
    http://wang.linan.googlepages.com/logo.png

  50. Kent Says:
    October 31st, 2006 at 6:25 pm

    How about….
    http://img255.imageshack.us/img255/5193/jqueryconceptmd3.png

  51. SitePoint Blogs » jQuery Contest: Whip up a Button Says:
    November 1st, 2006 at 12:21 am

    [...] However, if you’re already a convert and simply want to help, jQuery creator John Resig has set a contest with fabulous prizes and everlasting glory to the lucky winner. Simply design the best ‘Powered by jQuery button as judged by the jQuery general community. [...]

  52. SitePoint Blogs » jQuery Contest: Whip up a Button Says:
    November 1st, 2006 at 12:24 am

    [...] I’ve already submitted my entry but I must admit it’s hard go past any design that incorporates mixes JavaScript and Devo. Tags: jquery javascript resig [...]

  53. Paul Lamach Says:
    November 1st, 2006 at 1:26 pm

    http://www.localref.com/images/jqueryPNG.png

  54. Patrick Says:
    November 1st, 2006 at 3:45 pm

    Whee.. its fun to play with graphics :)

    http://img124.imageshack.us/img124/6494/poweredbytv6.png

  55. kosmar Says:
    November 1st, 2006 at 4:01 pm

    http://kosmar.de/jquery_micro_.png
    http://kosmar.de/jquery_.png

  56. Giel Berkers Says:
    November 1st, 2006 at 4:18 pm

    My final submissions:

    http://www.gielberkers.com/temp/button.png
    http://www.gielberkers.com/temp/80x15_jquery.png

  57. inguna trepša Says:
    November 1st, 2006 at 4:42 pm

    http://www.antemeridiemdesign.com/fun/JQ_logo3D.png

  58. inguna trepša Says:
    November 1st, 2006 at 4:43 pm

    http://www.antemeridiemdesign.com/fun/JQ_cinema.png

  59. inguna trepša Says:
    November 1st, 2006 at 4:44 pm

    http://www.antemeridiemdesign.com/fun/JQ_classic.png

  60. Yehuda Katz Says:
    November 1st, 2006 at 4:49 pm

    Some more entries:
    http://www.visualjquery.com/images/powered/powered-3.png
    http://www.visualjquery.com/images/powered/powered-4.png

  61. inguna trepša Says:
    November 1st, 2006 at 5:20 pm

    http://www.antemeridiemdesign.com/fun/JQ_logoTH.png

  62. inguna trepša Says:
    November 1st, 2006 at 5:28 pm

    Not a button, just a quick byproduct. If anybody feels like using it, you are welcome to grab it from here
    http://www.antemeridiemdesign.com/fun/JQ_banner.jpg

  63. inguna trepša Says:
    November 1st, 2006 at 5:44 pm

    http://www.antemeridiemdesign.com/fun/JQ_RedBeauty.png

  64. Giuliano Marcangelo Says:
    November 1st, 2006 at 5:46 pm

    ????
    http://www.bananaspin.com/jquery/jquery3.png

  65. Giuliano Marcangelo Says:
    November 1st, 2006 at 6:10 pm

    http://www.bananaspin.com/jquery/jquery4.png

  66. Kent Says:
    November 1st, 2006 at 7:25 pm

    Just another variation on a theme…
    http://img177.imageshack.us/img177/6906/jqueryconcept2zf6.png

  67. inguna trepša Says:
    November 1st, 2006 at 8:03 pm

    http://www.antemeridiemdesign.com/fun/JQ_SIFI.png

  68. inguna trepša Says:
    November 1st, 2006 at 8:04 pm

    http://www.antemeridiemdesign.com/fun/JQ_white&nerdy.png

  69. Kent Says:
    November 1st, 2006 at 8:12 pm

    Ok one more…last one from me…really
    http://img416.imageshack.us/img416/310/jqueryconcept3vx3.png

  70. Paul Bakaus Says:
    November 2nd, 2006 at 3:35 am

    Let’s give it a try:
    http://paul.jquery.com/pb-jquery.png

  71. colir Says:
    November 2nd, 2006 at 6:36 am

    http://www.pixoil.com/jquery/propal1.png
    http://www.pixoil.com/jquery/propal2.png
    http://www.pixoil.com/jquery/propal3.png

  72. Patrick Hall Says:
    November 2nd, 2006 at 6:39 am

    http://ruphus.com/stash/arewenotjquery.png

    ☺

  73. Phil Powell Says:
    November 2nd, 2006 at 10:11 am

    How about something a little more lightweight…

    http://www.produxion.net/media/misc/jquery-logo.png

  74. Kevin Says:
    November 2nd, 2006 at 7:02 pm

    Here’s a few options of various sizes:

    http://www.ksscholl.com/storage/pwrd_jquery_130x30a.png
    http://www.ksscholl.com/storage/pwrd_jquery_130x30b.png
    http://www.ksscholl.com/storage/pwrd_jquery_61x31.png
    http://www.ksscholl.com/storage/pwrd_jquery_95x15.png

  75. Ned Collyer Says:
    November 2nd, 2006 at 10:32 pm

    http://farlie.net.au/jquery-icon.png

  76. Rahul Upakare Says:
    November 3rd, 2006 at 9:18 am

    I am submitting a jQuery plugin as my submission.

    I doubt whether it can ever work in IE. I tried my level best and because of short time (this plugin idea striked me yesterday only) I couldn’t make it work in IE. I’ll highly appritiate any contributions to make it work in all the Web browsers.

    Please have a look at this page:
    http://202.141.152.13/~rahulu/pbj/sitepage.html

    Currently it work perfectly in Mozilla and Firefox.

    jQuery rocks!

  77. Adrian Miu Says:
    November 3rd, 2006 at 1:06 pm

    http://www.adrianmiu.ro/jquery/jquery4.png
    http://www.adrianmiu.ro/jquery/jquery4_small.png

  78. inguna trepša Says:
    November 3rd, 2006 at 3:22 pm

    http://www.antemeridiemdesign.com/fun/JQ_Red&white.png

  79. inguna trepša Says:
    November 3rd, 2006 at 3:22 pm

    http://www.antemeridiemdesign.com/fun/JQ_Red&White_minimal.png

  80. Joon Park Says:
    November 3rd, 2006 at 9:04 pm

    My last one, this time I’m serious. Matching color scheme.

    Good luck to everyone.

    http://www.dvessel.com/files/jquery5.png

  81. Daniela Mihaylova Says:
    November 3rd, 2006 at 9:07 pm
  82. Daniela Mihaylova Says:
    November 3rd, 2006 at 9:11 pm

    Better late than never!
    http://www.kizmodesign.com/images/contest/jquery_v01.png
    http://www.kizmodesign.com/images/contest/jquery_v02.png
    http://www.kizmodesign.com/images/contest/jquery_v03.png

  83. Sean O Says:
    November 3rd, 2006 at 9:24 pm

    Talk about sneaking in under the wire…

    Plus, I have 5 photos of my daughter to finish for the Baby Gap contest — which is ALSO due by midnight tonight! Aiieee!

    Here are my entries:
    http://www.sean-o.com/jquery/buttons/Sean_O-Button_1.png
    http://www.sean-o.com/jquery/buttons/Sean_O-Button_2.png
    http://www.sean-o.com/jquery/buttons/Sean_O-Button_3.png
    http://www.sean-o.com/jquery/buttons/Sean_O-Button_4.png

    ________
    SEAN O

  84. Brad Says:
    November 3rd, 2006 at 10:09 pm

    Just showing some jQuery love

    http://static.flickr.com/112/288160377_9b5957a9ef.jpg

  85. darius Says:
    November 4th, 2006 at 12:21 am

    big up jQuery:

    http://avgetdown.com/jquery_button/jquery_entry_01.png
    http://avgetdown.com/jquery_button/jquery_entry_02.png
    http://avgetdown.com/jquery_button/jquery_entry_03.png

  86. jQuery: Blog: » Vote for the jQuery Button Says:
    November 6th, 2006 at 12:41 am

    [...] The next round of the jQuery Button Contest is upon us! After some careful deliberation, the judges have narrowed the playing field of 123 jQuery button submissions down to just 30. We were completely overwhelmed with both the quality and quantity of submission and would like to personally thank everyone who participated. There were a ton of excellent entries but ultimately the following 30 buttons were chosen due to their clarity, composition, and originality. [...]

  87. jQuery: Blog: » Meet The People Behind jQuery Says:
    December 18th, 2006 at 3:35 am

    [...] Rey Bango is a consultant living in South Florida, specializing in the development of Rich Internet Applications. He’s been working with jQuery for a while now, and evangelizing its benefits to a large number of people. He’s already helped to convert a number of prominent Cold Fusion developers. He was also responsible for starting and helping to run the jQuery Button Contest. [...]

  88. jQuery Contest: Whip up a Button | 2kreative.net Says:
    April 6th, 2007 at 2:29 pm

    [...] However, if you’re already a convert and simply want to help, jQuery creator John Resig has set a contest with fabulous prizes and everlasting glory to the lucky winner. Simply design the best ‘Powered by jQuery button as judged by the jQuery general community. [...]

  89. <blog> interfce.com </blog> » Blog Archive » logo mashup : software that you can modify and redistribute Says:
    October 16th, 2007 at 6:42 pm

    [...] jQuery Button Contest Fedora Project Logo Guidelines [...]