Click here to Skip to main content
15,879,474 members
This competition has ended

HTML5 / CSS3 Competition

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

Current Entries

Articles that match the contest criteria are automatically entered.

Please Sign up or sign in to vote.
7 Jul 2011MBigglesworth79
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.
Please Sign up or sign in to vote.
22 Jul 2011Gil Fink
HTML5 – Selectors API Level 1
Please Sign up or sign in to vote.
4 Jul 2011Colin 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.
Please Sign up or sign in to vote.
2 Aug 2017Marcelo Ricardo de Oliveira
Join the HTML 5 revolution by learning how to create a fast game with beautiful graphics and powerful audio experience
Please Sign up or sign in to vote.
16 Aug 2011Wayne 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).
Please Sign up or sign in to vote.
13 Jul 2011Sacha Barber
Using HTML5 WebWorkers and a custom jQuery plug-in to create a Flickr image wall.
Please Sign up or sign in to vote.
30 Oct 2011DrABELL
ASP.NET GridView control hosting another GridView in data-centric web applications
Please Sign up or sign in to vote.
16 Jul 2011Dhanasekar_005
One can chain in the classes in jQuery like:$( "#divRGB" ).removeClass('classBLUE').removeClass('classGREEN').addClass('classRED');thus optimise it.
Please Sign up or sign in to vote.
15 Feb 2015DrABELL 1 alternative  
Make entire table row clickable/selectable by adding "onclick" event and formatting features via JavaScript and CSS3.
Please Sign up or sign in to vote.
23 Jun 2011gggustafson
Describes a method whereby the definition of Acronyms and Initialisms can be shown when the user hovers over a specially displayed Abbreviation or Initialism
Please Sign up or sign in to vote.
6 Aug 2011Wayne Ye
Delve deep into JavaScript Basic/object types, function, execution context, Scope Chain, essence of Closure and anonymous function (lambda)
Please Sign up or sign in to vote.
18 Jul 2011Terrence Dorsey
The CSS box model defines the border and spacing around an HTML element. We'll take a closer look at how it works.
Please Sign up or sign in to vote.
26 Jun 2011Ray_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.
Please Sign up or sign in to vote.
11 Feb 2015DrABELL
3 different techniques of adding hyperlinked image to ASP.NET GridView in data-centric RIA
Please Sign up or sign in to vote.
27 Jun 2011Michal 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.
Please Sign up or sign in to vote.
13 Jun 2011nereo.lopez
How to create a modal popup with overlay.
Please Sign up or sign in to vote.
4 Jul 2011Dav Zen
2 Month Calendar Yahoo WebControl with lots of options
Please Sign up or sign in to vote.
27 Jun 2011Armando de la Torre 1 alternative  
How to implement a calendar pop-up without JavaScript
Please Sign up or sign in to vote.
24 Jul 2011Sriharsha Vardhan
Devloping Web 2.0 user interface for self hosted WCF services using HTML5, CSS3 and JQuery
Please Sign up or sign in to vote.
17 Jul 2011mhamad zarif
Playing background music in HTML 5.
Please Sign up or sign in to vote.
29 May 2011Omar Al Zabir
Automatic JavaScript, CSS versioning to refresh browser cache
Please Sign up or sign in to vote.
14 Jun 2011Manning
A Chapter excerpt from Quick & Easy HTML5 & CSS3
Please Sign up or sign in to vote.
5 Jul 2011DLChambers
How to make an HTML5 canvas draw its own background "layer"
Please Sign up or sign in to vote.
27 Jun 2011mike2315
Using jQuery, we have a very simple solution for this.Add jQuery and CSS in the head tage and these two lines of JavaScript:

Current Participants

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

Software Developer (Senior) Self-employed
Mexico Mexico
Senior SAP Consultant ( ABAP / MM / Workflow ).
Delphi Developer
C# Asp Developer
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

-
Software Developer Several
France France
Fan of .NET Technologies
Go to see my blog : http://davidzenou.blogspot.com/2009/01/david.html
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
Software Developer
United States United States
I can type "while" and "for" very quickly
Engineer
United States United States
Dr. Alexander Bell (aka DrABell), a seasoned full-stack Software (Win/Web/Mobile) and Data Engineer holds PhD in Electrical and Computer Engineering, authored 37 inventions and published 100+ technical articles and developed multiple award-winning apps (App Innovation Contests AIC 2012/2013 submissions) Alexander is currently focused on Microsoft Azure Cloud and .NET 6/8 development projects.

  1. HTML5/CSS3 graphic enhancement: buttons, inputs
  2. HTML5 Tables Formatting: Alternate Rows, Color Gradients, Shadows
  3. Azure web app: Engineering Calculator VOLTMATTER
  4. Azure: NYC real-time bus tracking app
  5. Quiz Engine powered by Azure cloud
  6. 'enRoute': Real-time NY City Bus Tracking Web App
  7. Advanced CSS3 Styling of HTML5 SELECT Element
  8. Aggregate Product function extends SQL
  9. YouTube™ API for ASP.NET
Software Developer (Senior)
United States United States
In 1964, I was in the US Coast Guard when I wrote my first program. It was written in RPG (note no suffixing numbers). Programs and data were entered using punched cards. Turnaround was about 3 hours. So much for the "good old days!"

In 1970, when assigned to Washington DC, I started my MS in Mechanical Engineering. I specialized in Transportation. Untold hours in statistical theory and practice were required, forcing me to use the university computer and learn the FORTRAN language, still using punched cards!

In 1973, I was employed by the Norfolk VA Police Department as a crime analyst for the High Intensity Target program. There, I was still using punched cards!

In 1973, I joined Computer Sciences Corporation (CSC). There, for the first time, I was introduced to a terminal with the ability to edit, compile, link, and test my programs on-line. CSC also gave me the opportunity to discuss technical issues with some of the brightest minds I've encountered during my career.

In 1975, I moved to San Diego to head up an IR&D project, BIODAB. I returned to school (UCSD) and took up Software Engineering at the graduate level. After BIODAB, I headed up a team that fixed a stalled project. I then headed up one of the two most satisfying projects of my career, the Automated Flight Operations Center at Ft. Irwin, CA.

I left Anteon Corporation (the successor to CSC on a major contract) and moved to Pensacola, FL. For a small company I built their firewall, given free to the company's customers. An opportunity to build an air traffic controller trainer arose. This was the other most satisfying project of my career.

Today, I consider myself capable.
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
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
Instructor / Trainer Alura Cursos Online
Brazil Brazil
Web Developer
United Kingdom United Kingdom
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
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#.
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.

CEO M & L Services
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
Team Leader
Spain Spain
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
Architect BT, UK (ex British Telecom)
United Kingdom United Kingdom
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
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
Architect
India India
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.
Technical Writer ContentLab
United States United States
Terrence Dorsey is a technical writer, editor and content strategist specializing in technology and software development. He is currently Senior Technical Editor at ContentLab. He previously was Senior Technical Writer at ESPN, Director of Content Development at CodeProject and Senior Editor of MSDN Magazine and TechNet Magazine. His writing has appeared in Visual Studio Magazine, MSDN Magazine, Application Development Trends and Redmond Magazine.
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!

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.

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