Click here to Skip to main content
15,848,903 members
This competition has ended

Beginner's Guide to HTML5 & CSS3 Article Competition

Contribute an article to the Beginner's Guide to HTML5 and CSS3 for a shot at one of twelve CodeProject Prize Packs and a Google Nexus 7.

What is the challenge?

To teach.

More specifically...we were all little wet-behind-the-ears at some point, and now it’s your chance to give back! Help write a 12-part article series that will turn even the greenest of green coding newb into an all-star HTML/CSS Pro. Oh and you get to compete with your fellow CodeProject members to win some cool prizes along the way too!

The Loot

Weekly Prizes:

CodeProject Prize Pack

CodeProject Prize Pack


Each week's two winning article authors will take home a CodeProject Prize Pack that includes: a free 5-year Pro Account subscription to CodeProject Workspaces, a CodeProject t-shirt, and two vinyl, die cut Bob stickers.


Grand Prize:

Google Nexus 7 tablet

Nexus 7 Tablet


At the end of the six-week challenge, one lucky Grand Prize winner will take home a brand new Google Nexus 7 tablet (7" 16GB model).


How do I enter?


The contest begins on March 24th, 2014 and ends May 11th, 2014.

The six-week contest is made up of a series of weekly mini-contests where authors compete to produce the best article from a list of pre-defined topics. During the first couple weeks we'll cover the barebone basics of learning to code HTML and CSS and as the challenge progresses we'll move into some more advanced topics. The overall goal of the contest is to produce a 12-article series that constitutes CodeProject's Beginner's Guide to HTML5 and CSS3.

Each Monday, two article titles and corresponding descriptions of what topics/subjects should be covered in each will be released here on the contest page and in the Weekly newsletter. You have two weeks to submit an article that meets the requirements of the title you select (if you really want to try your hand at writing both of that week’s articles go for it, but we suggest focusing on just one).

To ensure your article is judged, make sure to submit it in the "HTML5/CSS3 Article Contest" subsection within the HTML/CSS section. Also make it clear which number article (i.e. Article #4) you are writing.


Submit your entry!


Judging Guidelines


  • Every week, CodeProject judges will choose their favourite article (one for each of the two titles released the previous week) that will be included in the final Beginner's Guide to HTML5 and CSS3. The authors of each week's winning articles will also be awarded a CodeProject Prize Pack.
  • At the end of the contest, one author will be selected to win the Google Nexus 7 Grand Prize for their dedication and outstanding contributions to the contest and crowdsourcing of the HTML5/CSS3 article series.
  • Prizes will be awarded to articles that provide the clearest, simplest, and most enjoyable tutorials.
  • Prizes will be awarded to articles that provide a comprehensive explanation of the topics and subjects specifically outlined for a given article title.
  • Prizes will be awarded by editors and judges selected by CodeProject. The judges’ decisions are final and no correspondence will be entered into.


Beginner's Guide to HTML5/CSS3 Article List

Here are the articles you need to write! Choose one or try your hand at both, you can submit your completed article here.

Week 1 - Winning Articles

Articles Article 1: Writing Your First Code by Tim Corey and Article 2: Building on the Basics by James Jensen

This week's honourable mentions: Kornfeld Eliyahu Peter and Tadit Dash

Week 2 - Winning Articles

Articles Article 3: Styling Your First Web Page by Peter Leow and Article 4: Laying Out Your First Web Page by Ranjan.D

This week's honourable mentions: Guruprasad.kb and Kornfeld Eliyahu Peter

Week 3 - Winning Articles

Articles Article 5: Getting Fancy with HTML5 & CSS3 by Guruprasad.K.Basavaraju and Article 6: Formidable Forms with HTML5 by Peter Leow

This week's honourable mentions: James Jensen and Ranjan.D

Week 4 - Winning Articles

Articles Article 7: Coding Canvas by Guruprasad.K.Basavaraju and Article 8: Starting with SVG by Ranjan.D

This week's honourable mentions: Peter Leow and a special shoutout to Dennis E. White, littleGreenDude, Tiancheng Hu and Manas Bhardwaj for joining us for this round of articles in the competition!

Week 5 - Winning Articles

Articles Article 9: Enabling the App Cache by Ranjan.D and Article 10: Web Storage Wizardry by Peter Leow

This week's honourable mentions: Guruprasad.kb and Tim Corey

Week 6 - Winning Articles

Articles Article 11: HTML5 API Grab Bag by Peter Leow and Article 12: Open Topics by Ranjan.D

Grand Prize Winner

Grand Prize Winner: Ranjan.D  

Runner-Up: Peter Leow

Thank you to everyone that participated and contributed an article, we'll see you out in the next competition!



1. How do I enter the competition?

Choose one of the two current article titles listed above and write a tutorial (aimed at beginners) that covers the topics and subjects outlined in the descriptions. Ensure your submission clearly states which article number you are writing and that you submit your article in the “HTML5/CSS3 Article Contest” subsection before the respective deadline.

2. Do I have to write both articles each week?

No you only have to write one of the two articles in any given week, but if you have time feel free to complete both. If you're trying to decide which article to write, browse the "HTML5/CSS3 Article Contest" subsection to see how many articles have been submitted for each, you'll have a better chance at winning if you select the article with less entries.

3. Do I have to follow the topic descriptions exactly?

No… but you shouldn’t stray too far either. If you want to discuss additional topics to help the beginner readers understand or feel the need to go into more detail on something we missed then include it in your article. Just try to keep on track with the main focus of the outline topics as this is a factor in judging.

4. Can I link to outside resources and other websites in my article?

Yes, but you should avoid it where possible. There are many resources out there that cover beginner HTML and CSS topics in great detail, and while it may be tempting to simply link to these, the strongest articles and tutorials will explain the necessary technical information within the article itself. Remeber, we're trying to build a complete beginner's guide to HTML5 and CSS3 on CodeProject.

It’s best practice to avoid linking en masse to outside resources (like W3Schools, HTML.NET etc.). Instead, try to include the information within your article or link to other resources on CodeProject if necessary.

5. When will new article topics and winning articles be announced?

New article topics will be announced each Monday on the contest page at or around 10 a.m. Eastern Standard Time.

The winning articles will be announced the Friday after their deadline on the contest page at or around 10 a.m. Eastern Standard Time and may also be announced in the Daily Build newsletter.

6. What if I have more questions?

If you have more questions feel free to ask in the forum below or by emailing


Contest Entries and Requirements

  1. The contest begins on 24 March 2014 at 12AM and ends 11 May 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 HTML and CSS and provide a comprehensive tutorial of the pre-determined article topics announced on the contest page.
  4. No cheating, lying, stealing code, witchcraft, or kicking.
  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 CodeProject.
  9. Prizes may not be exactly as shown. A reasonable US$ equivalent in lieu of the prize may also be awarded at the discretion of CodeProject.
  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.


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 CodeProject 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 CodeProject website for review by members of CodeProject. In addition, all entries will be reviewed by judges appointed by CodeProject. Winners will be determined by the judges, after taking into consideration the comments and ranking of entries by members of CodeProject , on the basis of which entry best meets the judging criteria set forth below.

Judging Criteria

  • How tightly an article entry adheres to the conditions of entry, including article focus and scope.
  • How clear, simple and enjoyable the tutorial is for a reader with beginning level knowledge of the topics.
  • Rank and popularity on CodeProject
  • 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 CodeProject deems objectionable for any reason will be disqualified. All decisions of CodeProject 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. CodeProject reserves its right to modify the Rules.

CodeProject 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.

CodeProject 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 CodeProject 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, CodeProject 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. CodeProject 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. CodeProject 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. CodeProject 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.


GeneralRe: Article was Wrongly Tagged Pin
Peter Leow2-Apr-14 3:56
professionalPeter Leow2-Apr-14 3:56 
GeneralRe: Article was Wrongly Tagged Pin
Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)2-Apr-14 4:20
protectorTadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)2-Apr-14 4:20 
GeneralRe: Article was Wrongly Tagged Pin
Kornfeld Eliyahu Peter2-Apr-14 19:56
professionalKornfeld Eliyahu Peter2-Apr-14 19:56 
GeneralRe: Article was Wrongly Tagged Pin
Peter Leow2-Apr-14 21:46
professionalPeter Leow2-Apr-14 21:46 
GeneralI now I'm a bit late... Pin
Kornfeld Eliyahu Peter31-Mar-14 22:29
professionalKornfeld Eliyahu Peter31-Mar-14 22:29 
GeneralWrestling the editor too? Pin
Kornfeld Eliyahu Peter31-Mar-14 5:28
professionalKornfeld Eliyahu Peter31-Mar-14 5:28 
AnswerRe: Articles #3 & #4 Pin
Kevin Priddle31-Mar-14 5:33
professionalKevin Priddle31-Mar-14 5:33 
GeneralPosting Issue Pin
Tim Corey30-Mar-14 19:03
professionalTim Corey30-Mar-14 19:03 
I posted my second article in time (barely) but it posted to the wrong category (like it does by default for me). I updated the category, but that was after the deadline I think. I just wanted you to know what happened. Smile | :)
GeneralRe: Posting Issue Pin
Ravi Gadag30-Mar-14 19:30
Ravi Gadag30-Mar-14 19:30 
AnswerRe: Posting Issue Pin
Kornfeld Eliyahu Peter30-Mar-14 19:50
professionalKornfeld Eliyahu Peter30-Mar-14 19:50 
GeneralRe: Posting Issue Pin
Ravi Gadag31-Mar-14 4:33
Ravi Gadag31-Mar-14 4:33 
AnswerRe: Posting Issue Pin
Tim Corey31-Mar-14 4:45
professionalTim Corey31-Mar-14 4:45 
GeneralRe: Posting Issue Pin
Ravi Gadag31-Mar-14 5:23
Ravi Gadag31-Mar-14 5:23 
AnswerRe: Posting Issue Pin
Kevin Priddle31-Mar-14 8:05
professionalKevin Priddle31-Mar-14 8:05 
GeneralThanks Pin
Guruprasad.K.Basavaraju30-Mar-14 12:48
professionalGuruprasad.K.Basavaraju30-Mar-14 12:48 
NewsWeek 1 of the competition has launched! Pin
Kevin Priddle24-Mar-14 9:06
professionalKevin Priddle24-Mar-14 9:06 
GeneralRe: Week 1 of the competition has launched! Pin
Kornfeld Eliyahu Peter24-Mar-14 9:35
professionalKornfeld Eliyahu Peter24-Mar-14 9:35 
AnswerRe: Week 1 of the competition has launched! Pin
Kevin Priddle24-Mar-14 9:49
professionalKevin Priddle24-Mar-14 9:49 
GeneralRe: Week 1 of the competition has launched! Pin
Kornfeld Eliyahu Peter25-Mar-14 0:52
professionalKornfeld Eliyahu Peter25-Mar-14 0:52 
AnswerRe: Week 1 of the competition has launched! Pin
Kevin Priddle27-Mar-14 12:13
professionalKevin Priddle27-Mar-14 12:13 
GeneralRe: Week 1 of the competition has launched! Pin
Kornfeld Eliyahu Peter27-Mar-14 12:17
professionalKornfeld Eliyahu Peter27-Mar-14 12:17 
Generalarticle approval is pending from yesterday, please approve it Pin
Ravi Gadag29-Mar-14 16:06
Ravi Gadag29-Mar-14 16:06 
GeneralRe: Week 1 of the competition has launched! Pin
Bibhu Dutta28-Mar-14 6:01
Bibhu Dutta28-Mar-14 6:01 
GeneralRe: Week 1 of the competition has launched! Pin
Kevin Priddle28-Mar-14 6:06
professionalKevin Priddle28-Mar-14 6:06 
QuestionRe: Week 1 of the competition has launched! Pin
Akinmade Bond29-Mar-14 21:32
professionalAkinmade Bond29-Mar-14 21:32 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

You must sign in to participate in this contest.
This contest has ended.
24 Mar - 31 May 2014