Click here to Skip to main content
13,804,051 members

HTML5 / CSS3 Competition

This competition has ended

Dazzle and amaze us and win an iPad® 2

Runners up win an e-book or Code Project mug and t-shirt

Your Challenge

Write an article that shows off the power of HTML5 and CSS3, the new bright standard flag under which all browsers can fly. Show us the future of the web, freed from the shackles of square boxes and 1990's thinking. Your choice is to teach us how to do it with the clearest, simplest, and most enjoyable tutorial possible, or just show us what it can do by blowing our collective minds. Animation, the canvas, transitions, local storage, drag and drop, sockets - or all of it mixed up in a bucket. Go crazy.

The Loot

The first runner up wins an eBook, the second runner up wins a Code Project t-shirt and mug, and the best article overall wins an iPad® 2.

What You Can Win

Runner Up 1

Runner Up 2

Best Overall Article

The Details

The contest begins on May 30th, and runs until July 25th

  1. Submit an article that best showcases HTML5 and CSS3
  2. or
  3. Submit an HTML5 / CSS3 tutorial

At the end of the contest we will choose the winners in each category. Bribes to the judges are welcome but will not affect the outcome of the competition.

The Rules

  1. Must be an article or blog entry the showcases HTML5 / CSS3 or is a tutorial.
  2. Must tag article / blog entry with HTML5 or CSS tag.
  3. The contest begins on May 30, 2011 and will end July 25, 2011 at 11:59:59 PM US Eastern Standard Time. All entries must be submitted during this period in order to qualify.
  4. Articles / blog entries must follow the guidelines.
  5. The articles must be related to HTML5 / CSS3 development.
  6. No cheating, lying, stealing code, swashbuckling, or biting.
  7. The judges’ decision is final and no correspondence will be entered into.
  8. Only those who live in jurisdictions in which this contest is legal may enter.
  9. Any breach of the rules and the prize will be awarded to the runner up.
  10. By entering the contest you agree to the rules, conditions of entry, and agree that your member alias, article, code and any other submitted material can be used for promotional purposes by The Code Project.

iPad® is a registered trademark of Apple Inc..

You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011

Current Entries

Articles that match the contest criteria are automatically entered.

7 Jul 2011
MBigglesworth79
LiteBox is a very simple, lightweight jQuery lightbox, which can serve as an example for anyone wishing to develop their own solution; or as a base for anyone wishing to extend it further.
22 Jul 2011
Gil Fink
HTML5 – Selectors API Level 1
4 Jul 2011
Colin Eberhardt
This article describes my experiences of taking a control written in Silverlight for Windows Phone 7 and making it cross-platform by re-implementing it using JavaScript and HTML5.
2 Aug 2017
Marcelo Ricardo de Oliveira
Join the HTML 5 revolution by learning how to create a fast game with beautiful graphics and powerful audio experience
16 Aug 2011
Wayne Ye
HTML5 WebSocket defines a bi-directional, full-duplex communication channel operates through a single TCP connection, this article discusses its fantastic performance, the WebSocket protocol principle and its handshake mechanism, and develop a WebSocket application in action (Team Poker).
13 Jul 2011
Sacha Barber
Using HTML5 WebWorkers and a custom jQuery plug-in to create a Flickr image wall.
30 Oct 2011
DrABELL
ASP.NET GridView control hosting another GridView in data-centric web applications
6 Aug 2011
Wayne Ye
Delve deep into JavaScript Basic/object types, function, execution context, Scope Chain, essence of Closure and anonymous function (lambda)
16 Jul 2011
Dhanasekar_005
One can chain in the classes in jQuery like:$( "#divRGB" ).removeClass('classBLUE').removeClass('classGREEN').addClass('classRED');thus optimise it.
15 Feb 2015
DrABELL
1 alternative  
Make entire table row clickable/selectable by adding "onclick" event and formatting features via JavaScript and CSS3.
23 Jun 2011
gggustafson
Describes a method whereby the definition of Acronyms and Initialisms can be shown when the user hovers over a specially displayed Abbreviation or Initialism
18 Jul 2011
Terrence Dorsey
The CSS box model defines the border and spacing around an HTML element. We'll take a closer look at how it works.
26 Jun 2011
Ray_Liang
In this article, I will show you how to build a component model for ASP.NET MVC3 with Builder and Factory design patterns. You could use this model to write your strongly type components to binding data, handling harchical objects and write jQuery UI controls / HTML5 controls for ASP.NET MVC3.
11 Feb 2015
DrABELL
3 different techniques of adding hyperlinked image to ASP.NET GridView in data-centric RIA
13 Jun 2011
nereo.lopez
How to create a modal popup with overlay.
27 Jun 2011
Michal Altair Valášek
How to effectively embed resources to server controls? How to use web resources, content delivery networks, or image inlining? Find out in this article.
4 Jul 2011
David Zenou
2 Month Calendar Yahoo WebControl with lots of options
27 Jun 2011
Armando de la Torre
1 alternative  
How to implement a calendar pop-up without JavaScript
24 Jul 2011
Sriharsha Vardhan
Devloping Web 2.0 user interface for self hosted WCF services using HTML5, CSS3 and JQuery
17 Jul 2011
mhamad zarif
Playing background music in HTML 5.
29 May 2011
Omar Al Zabir
Automatic JavaScript, CSS versioning to refresh browser cache
14 Jun 2011
Manning
A Chapter excerpt from Quick & Easy HTML5 & CSS3
5 Jul 2011
DLChambers
How to make an HTML5 canvas draw its own background "layer"
27 Jun 2011
mike2315
Using jQuery, we have a very simple solution for this.Add jQuery and CSS in the head tage and these two lines of JavaScript:<script...
You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011

Current Participants

Those with articles that match the contest criteria are automatically entered.

Armando de la Torre
Software Developer (Senior) Self-employed
Mexico Mexico
Senior SAP Consultant ( ABAP / MM / Workflow ).
Delphi Developer
C# Asp Developer
Colin Eberhardt
Architect Scott Logic
United Kingdom United Kingdom
I am CTO at ShinobiControls, a team of iOS developers who are carefully crafting iOS charts, grids and controls for making your applications awesome.

I am a Technical Architect for Visiblox which have developed the world's fastest WPF / Silverlight and WP7 charts.

I am also a Technical Evangelist at Scott Logic, a provider of bespoke financial software and consultancy for the retail and investment banking, stockbroking, asset management and hedge fund communities.

Visit my blog - Colin Eberhardt's Adventures in .NET.

Follow me on Twitter - @ColinEberhardt

-
David Zenou
Software Developer Several
France France
Fan of .NET Technologies
Go to see my blog : http://davidzenou.blogspot.com/2009/01/david.html
Dhanasekar_005
United States United States
No Biography provided
DLChambers
Software Developer
United States United States
I can type "while" and "for" very quickly
DrABELL
Founder Infosoft International Inc
United States United States
Dr. Alexander Bell is a seasoned full-stack Software Engineer (Win/Web/Mobile). He holds PhD in EE/IT, authored 37 inventions and published 300+ technical articles. Currently focused on Java/Javascript, .NET/C#, Android/Mobile, SQL, 'Big Data', Machine Learning, AI, IoT. Alex participated in App Innovation Contests (AIC 2102/2013) with multiple winning submissions. Portfolio samples:

  1. Real-time NY Bus Tracking Web App (IoT)
  2. Android Fraction Calculator "Fractal MK-12"
  3. Android Prime Factorization Calculator 18-digit)
  4. Semaphon™ semantic phone num-to-text converter
  5. Educational Web Portal
  6. Free Online NY Payroll Tax Calculator
  7. WebTV powered by YouTube Player powered by .NET API (#1 on Google)
  8. Engineering Calculator VOLTA
  9. Big Data: Facebook and YouTube
  10. NY City Trivia Quiz
  11. Publications by A. Bell
gggustafson
Software Developer (Senior)
United States United States
I started programming more than 42 years ago using AutoCoder and RPG (note no suffixing numbers). Programs and data were entered using punched cards. Turnaround between submitting a job for compilation and execution was about 3 hours. So much for the "good old days!" Today, I particularly enjoy programming real-time software. I consider myself capable in WinForms, Mobile Apps, and C# although there are occasions that I yearn to return to C and the Win32 API.
Gil Fink
Technical Lead sparXys
Israel Israel
Gil Fink is a web development expert and ASP.Net/IIS Microsoft MVP. He is the founder and owner of sparXys. He is currently consulting for various enterprises and companies, where he helps to develop Web and RIA-based solutions. He conducts lectures and workshops for individuals and enterprises who want to specialize in infrastructure and web development. He is also co-author of several Microsoft Official Courses (MOCs) and training kits, co-author of "Pro Single Page Application Development" book (Apress) and the founder of Front-End.IL Meetup. You can read his publications at his website: http://www.gilfink.net
Manning
United States United States
No Biography provided
MBigglesworth79
Web Developer
United Kingdom United Kingdom
No Biography provided
mhamad zarif
Software Developer Netiks
Lebanon Lebanon
I have been a programmer for about one year.My power is in asp.net and flash (actionscript 3).I also work on windows application using vb.net and c#.
Michal Altair Valášek
Software Developer Altairis
Czech Republic Czech Republic

Software architect and developer in Altairis, dev shop in Czech republic. Microsoft Most Valuable Professional (MVP) since 2004.


See my open source project at Codeplex.

mike2315
CEO M & L Services
United States United States
No Biography provided
nereo.lopez
Team Leader
Spain Spain
No Biography provided
Ray_Liang
Architect DotNetAge
China China
In 1999, I started programming using Delphi, VB, VJ.From 2002 I started with .NET using C#.Since 2005 when i had became an EIP product manager I was focus on EIP and CMS technique. In 2008 i established dotnetage.com and started to shared my ideas and projects online. I believe "No shared no grow"

www.dotnetage.com
Sacha Barber
Software Developer (Senior)
United Kingdom United Kingdom
I currently hold the following qualifications (amongst others, I also studied Music Technology and Electronics, for my sins)

- MSc (Passed with distinctions), in Information Technology for E-Commerce
- BSc Hons (1st class) in Computer Science & Artificial Intelligence

Both of these at Sussex University UK.

Award(s)

I am lucky enough to have won a few awards for Zany Crazy code articles over the years

  • Microsoft C# MVP 2016
  • Codeproject MVP 2016
  • Microsoft C# MVP 2015
  • Codeproject MVP 2015
  • Microsoft C# MVP 2014
  • Codeproject MVP 2014
  • Microsoft C# MVP 2013
  • Codeproject MVP 2013
  • Microsoft C# MVP 2012
  • Codeproject MVP 2012
  • Microsoft C# MVP 2011
  • Codeproject MVP 2011
  • Microsoft C# MVP 2010
  • Codeproject MVP 2010
  • Microsoft C# MVP 2009
  • Codeproject MVP 2009
  • Microsoft C# MVP 2008
  • Codeproject MVP 2008
  • And numerous codeproject awards which you can see over at my blog
Sriharsha Vardhan
Architect
India India
No Biography provided
Terrence Dorsey
Technical Writer ESPN
United States United States
Terrence Dorsey is a technical writer, editor and content strategist specializing in technology and software development. He is currently a Senior Technical Writer at ESPN working on data & architecture API services. He previously was Director of Content Development at CodeProject and Senior Editor of MSDN Magazine and TechNet Magazine. His writing has appeared in MSDN Magazine, Application Development Trends and Redmond Magazine.
Wayne Ye
Software Developer (Senior) SAP Labs Shanghai
China China
Wayne is a software developer, Tech Lead and also a geek. He has more than 6 years' experience in Web development(server: ASP.NET (MVC), Web Service, IIS; Client: HTML/CSS/JavaScript/jQuery/AJAX), Windows development (Winform, Windows Service, WPF/Silverlight, Win32 API and WMI) and SQL Server. Deep understanding of GOF Design Patterns, S.O.L.i.D principle, MVC, MVVM, Domain Driven Design, SOA, REST and AOP.

Wayne's Geek Life http://WayneYe.com

Infinite passion on programming!
You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011
 
First Prize Wayne Ye -  HTML5 Web Socket in Essence
Prize pool iPad 2 - CodeProject
 
Second Prize  -  Html5 Snooker Club
Prize pool Hello! HTML5 and CSS3 - Manning
 
Third Prize  -  HTML5 WebWorkers Experiment
Prize pool CodeProject Mug - CodeProject
Code Project T-Shirt - CodeProject
You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011
You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011

Contest Entries and Requirements

  1. The contest begins on May 30, 2011 and will end July 25, 2011 at 11:59:59 PM US Eastern Standard Time. All entries must be submitted during this period in order to qualify.
  2. Articles must follow the guidelines
  3. The articles must be related to HTML5 / CSS3 development.
  4. No cheating, lying, stealing code, swashbuckling, or biting.
  5. The judges’ decision is final and no correspondence will be entered into.
  6. Only those who live in jurisdictions in which this contest is legal may enter.
  7. Any breach of the rules and the prize will be awarded to the runner up.
  8. By entering the contest you agree to the rules, conditions of entry, and agree that your member alias, article, code and any other submitted material can be used for promotional purposes by The Code Project.
  9. A reasonable US$ equivalent in lieu of the prize may also be awarded.
  10. Entries shall be deemed to be submitted by the authorized account holder of the e-mail address submitted at the time of entry unless clearly indicated otherwise. "Authorized account holder" is defined as the natural person who is assigned to an email address by an internet access provider, on-line service provider, or other organization (e.g. business, educational institution, etc.) that is responsible for assigning email addresses for the domain associated with the submitted e-mail address.

www.codeproject.com members can vote on your article. The articles that are highest-rated by members will be rated by our judges to determine the final winner.

Eligibility

This competition is open to software development professionals & enthusiasts who are of the age of majority in their jurisdiction of residence; however, residents of Quebec and of the following countries are ineligible to participate due to legal constraints: Cuba, Iran, Iraq, Libya, North Korea, Sudan, and Syria. Employees (or a member of their immediate family) of The Code Project or any of their affiliates, subsidiaries, advertising or promotional agencies are also ineligible to participate. Void where prohibited by law.

Determination of Winner

All entries will be posted on The Code Project website for review by members of The Code Project. In addition, all entries will be reviewed by judges appointed by The Code Project. A winner will be determined by the judges, after taking into consideration the comments and ranking of entries by members of The Code Project, on the basis of which entry best meets the judging criteria set forth below.

Judging Criteria

  • Rank and popularity on The Code Project
  • How tightly an entry adheres to the conditions of entry, including article focus and scope
  • Broad applicability to a wide variety of developers
  • Overall article quality, coherence, and structure

How to Enter

Entry is by the normal article submission process or as described above. Please read the submission guidelines before submitting your entry.

Lost, late, misdirected, or illegible entries will be disqualified. Any entry containing content that The Code Project deems objectionable for any reason will be disqualified. All decisions of The Code Project with respect to any aspect of the competition, including, without limitation, the eligibility of entries, are final and binding on all entrants in all matters as they relate to this competition. The Code Project reserves its right to modify the Rules.

The Code Project assumes no responsibility for lost, late, delayed, destroyed or misdirected mail, voice messages, e-mail or any computer errors or malfunctions. No correspondence will be entered into with entrants.

The Code Project does not assume any responsibility for incorrect or inaccurate capture of entry information, technical malfunctions, human or technical error, lost, delayed or garbled data or transmissions, omission, interruption, deletion, defect or failures of any telephone or computer line or network, computer equipment, software or any combination thereof. Entry materials/data that have been tampered with or altered are void. If for any reason, in the opinion of The Code Project in its sole discretion, the competition is not capable of running as originally planned, or if the administration, security, fairness, integrity or the proper conduct of the competition is corrupted or adversely affected, including by reason of infection by computer virus, bugs, tampering, unauthorized intervention, fraud, technical failures or any other causes beyond its control, The Code Project reserves its right to cancel, terminate, modify, amend, extend or suspend the competition including cancelling any method of entry, and select a winner from previously received eligible entries. The Code Project reserves its right in its sole discretion to disqualify any individual it finds to be tampering with the entry process or the operation of the competition or to be acting in violation of the Rules or otherwise in a disruptive manner. The Code Project reserves its right to seek remedies and damages to the fullest extent of the law for any attempts to deliberately damage the competition web site or to undermine the legitimate operation of this competition. The Code Project shall not be held responsible for any errors or negligence that may arise or occur in connection with the competition including any damage to an entrant's computer equipment, system, software or any combination thereof, as a result of their participation in this competition or from downloading any material from the competition website where applicable.

You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011

Discussions

 
-- There are no messages in this forum --
You must sign in to participate in this contest.
This contest has ended.
30 May - 25 Jul 2011

Advertise | Privacy | Cookies | Terms of Service
Web01 | 2.8.181218.1 | Last Updated 30 May 2011
Copyright © CodeProject, 1999-2018
All Rights Reserved.
Layout: fixed | fluid