jQuery Button Contest – Many Prizes!
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:
- The contest will run until November 3rd. Winners will be announced November 5th.
- All entries must must be optimized for the web (8-bit PNG) and images should be no bigger than 173×31 (example).
- 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.
- Prizes will be awarded for 1st, 2nd and 3rd place submissions.
- The general jQuery community will do the final voting, moderated by John Resig, creator of jQuery, and Rey Bango.
- 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:
- First Place Prize: Two Books – Ajax Design Patterns and John Resig’s upcoming Pro JavaScript Techniques
- Second Place Prize: One Book – Foundations of Ajax
- 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!
My lame first attempt is at: http://www.visualjquery.com/images/powered/powered-1.png
Here is my first attempt:
http://img224.imageshack.us/img224/8089/jquerycz5.png
Bordered variation:
http://img83.imageshack.us/img83/4057/jqueryrp3.png
Pixel graphic version
http://img213.imageshack.us/img213/2271/jquerysx2.png
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 ;)
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.
http://www.hambodesign.com/jquery/jquery-1.png
@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.
http://www.adrianmiu.ro/jquery/button_black.png
http://www.adrianmiu.ro/jquery/button_white.png
My stab at this: http://jquery.bassistance.de/powered-by-jquery.png
You’ve seen it before ;-)
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
Can you give any example of “Features” that you will like to see on the support images :D.
My next collaboration
http://img335.imageshack.us/img335/3203/jquery2yx5.png
Variation of above with better description :P
http://img230.imageshack.us/img230/4352/jquery2qv0.png
My tiny one: http://fmarcia.info/jquery/jquery.png
http://salingermultimedia.com/jQuery/jQuery_power.png
More to follow. Thanks!
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
http://www.antemeridiemdesign.com/fun/JQ_logo1.png
http://www.antemeridiemdesign.com/fun/JQ_logo2.png
http://www.antemeridiemdesign.com/fun/JQ_logo3.png
http://www.antemeridiemdesign.com/fun/JQ_logo4.png
http://www.antemeridiemdesign.com/fun/JQ_logo5.png
http://www.skfox.com/jquery/jquery.png
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
Not sure.. is this also a logo contest?
http://www.ingramlabs.com/stage/jquery_art/jquery_pwrdby-1.png
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
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
http://www.antemeridiemdesign.com/fun/JQ_logo6.png
A slight variation of the prev:
http://www.antemeridiemdesign.com/fun/JQ_logo7.png
http://www.antemeridiemdesign.com/fun/JQ_logo8.png
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
ok, this is somehow off-topic but I couldn´t resist.
http://www.vonautomatisch.at/jquery/
http://www.adrianmiu.ro/jquery/jquery_black.png
http://www.adrianmiu.ro/jquery/jquery_white.png
First tries.
http://dawgdaze.net/jquery/jquery.dom.png
http://dawgdaze.net/jquery/jquery.powered.by.png
http://img66.imageshack.us/img66/8716/jqueryjb9.png
http://www.adrianmiu.ro/jquery/jquery3.png
A stronger revamp of my earlier one (24)
http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ_stronger.png
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
Here is mine:
http://wang.linan.googlepages.com/jquery-s.png
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
Oh, last one. Just came to me..
http://www.dvessel.com/files/jquery4.png
My turn.
http://www.sitepoint.com/images/ads/jquery.png
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!
My tiny one: http://www.gielberkers.com/temp/80x15_jquery.png
Here is a small version:
http://users.tpg.com.au/j_birch/jQbadge/powered_by_jQ_small.png
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
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
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
Another one:
http://wang.linan.googlepages.com/jquery2-s.png
Added to #36 for the contest…
http://www.granitiworld.com/sandbox/jquery04.png
http://www.granitiworld.com/sandbox/jquery05.png
A third try:
http://wang.linan.googlepages.com/jquery3.png
http://wang.linan.googlepages.com/logo.png
How about….
http://img255.imageshack.us/img255/5193/jqueryconceptmd3.png