Click here to Skip to main content
13,449,913 members (52,360 online)

Beginner's Guide to HTML5 & CSS3 Article Competition

This competition has ended

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

Current Entries

Articles that match the contest criteria are automatically entered. The top 15 entries are shown.

4 Apr 2014
Kornfeld Eliyahu Peter
Styling Your First Web Page
2 Apr 2014
Kornfeld Eliyahu Peter
Building on the Basics
6 Apr 2014
This article is a startup kit for anyone who is new to HTML and CSS.
10 Apr 2014
James Jensen
Laying out your first web page
29 Apr 2014
Manas Bhardwaj
Beginner's Guide to HTML5 & CSS3: Starting with SVG (Scalable Vector Graphics)
7 Apr 2014
Kornfeld Eliyahu Peter
Laying Out Your First Web Page
14 Apr 2014
James Jensen
Getting Fancy With HTML5 & CSS3
25 Apr 2014
Tiancheng Hu
Learn to animate Age of Empire paladin sprites by using basic HTML5 Canvas skills
31 Mar 2014
Manas Bhardwaj
Here is a minimalist example of using Html5 Canvas to save signature as Image using Web API
27 Apr 2014
Introduction to the HTML5 Canvas by creating a simple game
3 May 2014
Tim Corey
Learn how to store data on the client side of a website with very little effort.
30 Mar 2014
Jacques Loubser
Part 1 of 12 to become a web design rock god!
6 Apr 2014
Tim Corey
Diving into how to get items to show up in the right place on our page.
9 May 2014
Purbasha Ghosh
Portfolio filtering/grouping
30 Mar 2014
Tim Corey
Let's dive a bit deeper into HTML5 and CSS3

Current Participants

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

Software Developer (Senior)
United States United States
No Biography provided
Jacques Loubser
South Africa South Africa
No Biography provided
James Jensen
Software Developer (Senior)
United States United States
I am an experienced developer, having spent my first 17 professional years in various Unix-like environments, following up with Windows since 1998. I have worked in web development teams since 2001, focused initially on Java but now fully settled into the .NET world. I have written production-value code in 8086 assembler, (various forms of) BASIC, Pascal, xnix shell (korn, mostly), C, C++, C#, and Java. When I code for fun at home, I usually play with Delphi, but I also keep an eye on Python because my friends keep telling me how cool it is.
Kornfeld Eliyahu Peter
Software Developer (Senior)
Israel Israel
Born in Hungary, got my first computer at age 12 (C64 with tape and joystick). Also got a book with it about 6502 assembly, that on its back has a motto, said 'Try yourself!'. I believe this is my beginning...

Started to learn - formally - in connection to mathematics an physics, by writing basic and assembly programs demoing theorems and experiments.

After moving to Israel learned two years in college and got a software engineering degree, I still have somewhere...

Since 1997 I do development for living. I used 286 assembly, COBOL, C/C++, Magic, Pascal, Visual Basic, C#, JavaScript, HTML, CSS, PHP, ASP, ASP.NET, C# and some more buzzes.

Since 2005 I have to find spare time after kids go bed, which means can't sleep to much, but much happier this way...

Free tools I've created for you...

Web Developer LGD Studios, LLC
United States United States
No Biography provided
Manas Bhardwaj
Netherlands Netherlands

Read my personal blog at

Purbasha Ghosh
Software Developer (Senior)
India India
Hi, I am Purbasha and I have been into web development, clean code promotion and benchmarking new Azure offerings since quite a while now. I am here to share my learnings and solutions/hacks that I keep collecting with my experience.
Tiancheng Hu
Technical Lead
China China
Tiancheng Hu is a senior tech consultant working at an ISV company (major products including scanner-based ECM, Asset Management), and holds Bachelor(SJTU@China) and Master(KIT@Japan) degrees in Computer Science. He showed favorites at Enterprise/Personal Knowledge Management and Efficiency Enhancement stuff (like MindMap/GTD/FastReading), and luckily had made prototype/proposal on an Enterprise Blog webapp(June,2000) and a portable PKM app(May,2010), before the public appearance of Blog or EverNote (in Chinese market).
When he is not working at designing/prototyping/consulting, he enjoys Chinese traditional spiritual practice/zen as well as fantasy novels/strategy games/scribble.
Tim Corey
Software Developer (Senior) DeGarmo
United States United States
I am currently a Senior Software Developer at a company in Illinois called DeGarmo. My primary skills are in .NET, SQL, JavaScript, and other web technologies although I have worked with PowerShell, C, and Java as well.

In my previous positions, I have worked as a lead developer, professor and IT Director. As such, I have been able to develop software on a number of different types of systems and I have learned how to correctly oversee the overall direction of technology for an organization. I've developed applications for everything from machine automation to complete ERP systems.

I enjoy taking hard subjects and making them easy to understand for people unfamiliar with the topic.

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.



GeneralThe contest has come to a close Pin
Kevin Priddle26-May-14 4:38
staffKevin Priddle26-May-14 4:38 
GeneralRe: The contest has come to a close Pin
Ranjan.D26-May-14 5:16
mvpRanjan.D26-May-14 5:16 
GeneralRe: The contest has come to a close Pin
Tadit Dash26-May-14 5:40
protectorTadit Dash26-May-14 5:40 
GeneralRe: The contest has come to a close Pin
Peter Leow26-May-14 16:12
professionalPeter Leow26-May-14 16:12 
GeneralRe: The contest has come to a close Pin
Kevin Priddle28-May-14 10:59
staffKevin Priddle28-May-14 10:59 
GeneralRe: The contest has come to a close Pin
Peter Leow26-May-14 16:11
professionalPeter Leow26-May-14 16:11 
GeneralRe: The contest has come to a close Pin
Kevin Priddle28-May-14 11:01
staffKevin Priddle28-May-14 11:01 
GeneralRe: The contest has come to a close Pin
James Jensen27-May-14 4:06
professionalJames Jensen27-May-14 4:06 
GeneralRe: The contest has come to a close Pin
Kevin Priddle28-May-14 11:02
staffKevin Priddle28-May-14 11:02 
GeneralThanks for the final entries! Pin
Kevin Priddle20-May-14 9:23
staffKevin Priddle20-May-14 9:23 
GeneralWeek 5 Winners! Pin
Kevin Priddle12-May-14 10:33
staffKevin Priddle12-May-14 10:33 
NewsWeek 4 Article and Spot Prize Winners Pin
Kevin Priddle6-May-14 11:58
staffKevin Priddle6-May-14 11:58 
GeneralRe: Week 4 Article and Spot Prize Winners Pin
James Jensen7-May-14 4:41
professionalJames Jensen7-May-14 4:41 
GeneralRe: Week 4 Article and Spot Prize Winners Pin
Guruprasad.K.Basavaraju7-May-14 7:00
memberGuruprasad.K.Basavaraju7-May-14 7:00 
GeneralRe: Week 4 Article and Spot Prize Winners Pin
Ranjan.D7-May-14 7:07
mvpRanjan.D7-May-14 7:07 
GeneralRe: Week 4 Article and Spot Prize Winners Pin
Tiancheng Hu8-May-14 22:39
professionalTiancheng Hu8-May-14 22:39 
GeneralRe: Week 4 Article and Spot Prize Winners Pin
Kevin Priddle9-May-14 10:09
staffKevin Priddle9-May-14 10:09 
NewsArticles 11 and 12 Announced! Pin
Kevin Priddle5-May-14 4:47
staffKevin Priddle5-May-14 4:47 
NewsWinners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
Kevin Priddle1-May-14 11:03
staffKevin Priddle1-May-14 11:03 
GeneralRe: Winners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
Guruprasad.K.Basavaraju1-May-14 12:26
memberGuruprasad.K.Basavaraju1-May-14 12:26 
GeneralRe: Winners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
Kevin Priddle2-May-14 5:12
staffKevin Priddle2-May-14 5:12 
GeneralRe: Winners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
Ranjan.D1-May-14 14:17
mvpRanjan.D1-May-14 14:17 
GeneralRe: Winners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
Kevin Priddle2-May-14 5:11
staffKevin Priddle2-May-14 5:11 
GeneralRe: Winners Announcement Delayed. App Cache and Web Storage Articles Due Sunday! Pin
James Jensen6-May-14 10:52
professionalJames Jensen6-May-14 10:52 
NewsWeek 3 Winners Pin
Kevin Priddle25-Apr-14 5:39
staffKevin Priddle25-Apr-14 5:39 

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.

Advertise | Privacy |
Web04 | 2.8.180318.3 | Last Updated 24 Mar 2014
Copyright © CodeProject, 1999-2018
All Rights Reserved. Terms of Service
Layout: fixed | fluid