Weekly Assignments

I am taking an online class on HTML5 from IWA-HWG eClasses. I will post my assignments below.

Week 1:

This page itself could be the first assignment, since it uses some of the new HTML5 semantic tags such as <header>, <footer>, <nav>, etc. However, the assignment called for a separate page, so you can find it here.

The page was validated using http://html5.validator.nu/

The page was outlined using http://gsnedders.html5.org/outliner/. The result is shown below. I gave some of the areas headers (e.g. <h1>) with the style's display attribute set to none. This way I tricked the outliner into saying something other than "Untitled Section". At first I thought adding a title attribute would do the trick, but it did not. Why did I obsess on this aspect of the outline? I have no idea.

Week1 Outline
submitted by Tom Blum

Week 2:

This page has <article>'s (Nobel Prize categories like Physics and Chemistry) as well as <article>'s within <article>'s (prizes within those categories for individual years). It has <section>'s (for when the prize is shared among multiple recipients). It uses the <time> tag for a winner's birth and death dates. It includes a <header> and <footer>. The aside has a checkbox with WAI-ARIA attributes that allows the user to choose whether the links open a New Window or not.

submitted by Tom Blum

Week 3:

This page shows some of the new form input types and attributes in HTML5.

submitted by Tom Blum

Week 4:

This page demonstrates the new video and audio tags in HTML5.

submitted by Tom Blum

Week 5:

This page demonstrates the canvas tags in HTML5.

submitted by Tom Blum

Week 6:

Quiz on storage in HTML5.

submitted by Tom Blum

Week 7:

This page demos using a cache manifest.

submitted by Tom Blum