HTML5 / CSS3 Competition

This competition has ended

Overview
Entries
Participants
Winners
Prizes
Rules
Discussions

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 30^th, and runs until July 25^th

Submit an article that best showcases HTML5 and CSS3
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

Must be an article or blog entry the showcases HTML5 / CSS3 or is a tutorial.
Must tag article / blog entry with HTML5 or CSS tag.
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.
Articles / blog entries must follow the guidelines.
The articles must be related to HTML5 / CSS3 development.
No cheating, lying, stealing code, swashbuckling, or biting.
The judges’ decision is final and no correspondence will be entered into.
Only those who live in jurisdictions in which this contest is legal may enter.
Any breach of the rules and the prize will be awarded to the runner up.
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.

A D.I.Y. Lightbox

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.

CSS

jQuery

All-Topics

HTML5 – Selectors API Level 1

22 Jul 2011Gil Fink

HTML5 – Selectors API Level 1

HTML5

All-Topics

From Silverlight to HTML5

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.

Html5 Snooker Club

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

HTML5 Web Socket in Essence

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

HTML5 WebWorkers Experiment

13 Jul 2011Sacha Barber

Using HTML5 WebWorkers and a custom jQuery plug-in to create a Flickr image wall.

Nested GridView controls in ASP.NET: best practices

30 Oct 2011DrABELL

ASP.NET GridView control hosting another GridView in data-centric web applications

Handling CSS by using jQuery

16 Jul 2011Dhanasekar_005

One can chain in the classes in jQuery like:$( "#divRGB" ).removeClass('classBLUE').removeClass('classGREEN').addClass('classRED');thus optimise it.

HTML

CSS

jQuery

Click/Select row in ASP.NET GridView or HTML 5 Table

15 Feb 2015DrABELL

1 alternative

Make entire table row clickable/selectable by adding "onclick" event and formatting features via JavaScript and CSS3.

Green Links - Acronyms and Initialisms exposed

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

JavaScript - Foundation of the Language

6 Aug 2011Wayne Ye

Delve deep into JavaScript Basic/object types, function, execution context, Scope Chain, essence of Closure and anonymous function (lambda)

HTML5

Javascript

CSS Basics: The Box Model, Margin, and Padding

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.

ComponentModel for ASP.NET MVC3

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.

Hyperlinked Images in ASP.NET GridView

11 Feb 2015DrABELL

3 different techniques of adding hyperlinked image to ASP.NET GridView in data-centric RIA

Embedding and inlining resources in ASP.NET Web Controls

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.

Modal Popup Overlay

13 Jun 2011nereo.lopez

How to create a modal popup with overlay.

2 Month Calendar Yahoo WebControl

4 Jul 2011Dav Zen

2 Month Calendar Yahoo WebControl with lots of options

ASP.NET Calendar Popup without JavaScript

27 Jun 2011Armando de la Torre

1 alternative

How to implement a calendar pop-up without JavaScript

Developing Web 2.0 User Interface for Self Hosted WCF Services using HTML5, CSS3 and JQuery

24 Jul 2011Sriharsha Vardhan

Devloping Web 2.0 user interface for self hosted WCF services using HTML5, CSS3 and JQuery

Javascript

CSS3

HTML5

Background Music in HTML 5

17 Jul 2011mhamad zarif

Playing background music in HTML 5.

HTML5

Automatic JavaScript, CSS versioning to refresh browser cache

29 May 2011Omar Al Zabir

Automatic JavaScript, CSS versioning to refresh browser cache

Quick & Easy HTML5 & CSS3 - New Features for Background Images

14 Jun 2011Manning

A Chapter excerpt from Quick & Easy HTML5 & CSS3

HTML5

CSS

Dev

HTML5 Canvas Self-drawn Persistent Background

5 Jul 2011DLChambers

How to make an HTML5 canvas draw its own background "layer"

HTML5

All-Topics

web

ASP.NET Calendar Popup without JavaScript

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.

Armando de la Torre

Software Developer (Senior) Self-employed

Mexico

Senior SAP Consultant ( ABAP / MM / Workflow ).
Delphi Developer
C# Asp Developer

Colin Eberhardt

Architect Scott Logic

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

-

Dav Zen

Software Developer Several

France

Fan of .NET Technologies
Go to see my blog : http://davidzenou.blogspot.com/2009/01/david.html

Dhanasekar_005

United States

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

DLChambers

Software Developer

United States

I can type "while" and "for" very quickly

DrABELL

Engineer

United States

Dr. Alexander Bell (aka DrABell), a seasoned full-stack DevOps and Data Engineer holds PhD in Electrical and Computer Engineering, authored 37 inventions and published 100+ technical articles, including those popular at CodeProject totaling 4M+ views. Alex pioneered AI/NLP, Cloud development, .NET/Java technology stacks, advanced SQL extensions, HTML5/CSS3 and other important Web technologies; developed multiple award-winning Web/Win apps submitted to App Innovation Contests (AIC 2012/2013). Currently focused on Microsoft Azure Cloud and GitHub Copilot AI-enabled DevOps.

gggustafson

Software Developer (Senior)

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.

Gil Fink

Technical Lead sparXys

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

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Marcelo Ricardo de Oliveira

Instructor / Trainer Alura Cursos Online

Brazil

Marcelo Ricardo de Oliveira is a senior freelance software developer who lives with his lovely wife Luciana and his little buddy and stepson Kauê in Guarulhos, Brazil, is co-founder of the Brazilian TV Guide TV Map and currently works for Alura Cursos Online .

He is often working with serious, enterprise projects, although in spare time he's trying to write fun Code Project articles involving JavaScript, WPF, Silverlight, XNA, HTML5 canvas, Windows Phone app development, game development and music.

Online Courses (in Portuguese):

Entity LinQ parte 1: Crie queries poderosas em C#
Entity LinQ parte 2: Store Procedures e consultas com o LinQPad
Xamarin parte 1: crie aplicativos mobile com Visual Studio
ASP.NET Core parte 1: Crie uma aplicação MVC com EF Core e Bootstrap
C# Brasil: Formate datas, cpf e números nacionais
C#: Dominando as Collections

MBigglesworth79

Web Developer

United Kingdom

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

mhamad zarif

Software Developer Netiks

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

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

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

nereo.lopez

Team Leader

Spain

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Omar Al Zabir

Architect BT, UK (ex British Telecom)

United Kingdom

I am: Head of Engineering Consumer CRM & Billing, BT (ex British Telecom).
I got: 11 Microsoft MVP Awards, 4 CodeProject MVP awards.
I like: Performance and Scalability Challenges.
My Book: Building a Web 2.0 portal using ASP.NET 3.5. Also on Amazon
My Blog: http://omaralzabir.com
My Specialization: Web 2.0, SaaS, Performance and Scalability of Web Apps.
My Email: OmarALZabir at gmail dot com

Follow Me: twitter.com/omaralzabir

My Projects:
Droptiles: Open Source Web 2.0 AJAX Portal
SQL Server real-time monitor
Oracle real-time monitor
Codeuml - UML diagrams as fast as you can type
Fastest Streaming AJAX Proxy
CPU Alerter - Save power, work faster

My Articles:
Top 10 caching mistakes
99.99% Available Production Architecture
10 ASP.NET Performance and Scalability Secrets
UFrame: UpdatePanel and IFRAME combined
Fast ASP.NET web page loading
Fast Streaming AJAX Proxy
Using COM safely inside "using" block without requiring interop assembly
Implementing Word Like Automation Model
Distributed Command Pattern

Ray_Liang

Architect DotNetAge

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

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

This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Terrence Dorsey

Technical Writer ContentLab

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.

Wayne Ye

Software Developer (Senior) SAP Labs Shanghai

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!

First Prize	Wayne Ye - HTML5 Web Socket in Essence
Prize pool	iPad 2 - CodeProject


Second Prize	Marcelo Ricardo de Oliveira - Html5 Snooker Club
Prize pool	Hello! HTML5 and CSS3 - Manning


Third Prize	Sacha Barber - HTML5 WebWorkers Experiment
Prize pool	CodeProject Mug - CodeProject Code Project T-Shirt - CodeProject

Contest Entries and Requirements

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.
Articles must follow the guidelines
The articles must be related to HTML5 / CSS3 development.
No cheating, lying, stealing code, swashbuckling, or biting.
The judges’ decision is final and no correspondence will be entered into.
Only those who live in jurisdictions in which this contest is legal may enter.
Any breach of the rules and the prize will be awarded to the runner up.
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.
A reasonable US$ equivalent in lieu of the prize may also be awarded.
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 --