Task List:

  1. Audio/Video/Video Track
  2. Canvas 2D *
  3. Canvas 3D
  4. Ruby Element
  5. Semantic Markup
  6. Form Fields
  7. Selector API *
  8. SVG * (Inline/Text Inside)
  9. Microdata *
  10. Link Relation *


Audio/Video/Video Track

Audio Introduction: http://tutorials.html5rocks.com/en/tutorials/audio/quick/

Audio Playground: http://playground.html5rocks.com/#audio_element


Video Spec: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#video

Dive Into: Video Dive Into

Video Playground: http://playground.html5rocks.com/#video_element


Video Track Playground: http://playground.html5rocks.com/#track_element


Audio & Video Format Support http://www.longtailvideo.com/support/jw-player/28836/media-format-support

GrapeSeed Project Practice Introduction



Canvas 2D

Dive Into: Canvas Dive Into

Playground: http://playground.html5rocks.com/#canvas_element



Canvas 3D

Introduction: Canvas 3D Introduction

Playground: http://playground.html5rocks.com/#canvas_element_3d_(webgl)



Ruby Element

Introduction: http://www.w3schools.com/tags/tag_ruby.asp

Playground: http://playground.html5rocks.com/#ruby_element



Semantic Markup

Spec: http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#semantics

Dive Into: Semantics dive into

Playground: http://playground.html5rocks.com/#semantic_markup



Form Fields

Introduction: New Form Types Introduction

Playground: http://playground.html5rocks.com/#form_fields



Selector API

Introduction: http://www.w3.org/TR/selectors-api2/

Playground: http://playground.html5rocks.com/#selectors_api



SVG (Inline/Text Inside)

Inline SVG Playground: http://playground.html5rocks.com/#inline_svg

Text inside SVG Playground: http://playground.html5rocks.com/#text_inside_svg



Microdata

Dive Into Dive Into

Playground http://playground.html5rocks.com/#microdata



Link Relation

Slide Link Relation Slide

Playground http://playground.html5rocks.com/#link_relations



Total Dive into Element