HTML5

HTML5

• Web Forms 2.0 demo
• Canvas 2D : Drawing API
  • http://www.robodesign.ro/coding/canvas-primer/20081208/example-rects.html
  • http://www.robodesign.ro/coding/canvas-primer/20081208/example-paths.html
  • http://www.robodesign.ro/coding/canvas-primer/20081208/example-drawimage.html
• Canvas demo
  • http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html
  • http://www.benjoffe.com/code/demos/interpolate/
  • http://www.benjoffe.com/code/demos/canvascape/
• video + CSS3 Transition
• video + canvas
• video control bar customization
• video javascript caption

CSS3

• CSS3 : border-radius
• CSS3 : text-shadow
• CSS3 Transition
  • UI interaction : http://people.opera.com/patrickl/experiments/css3/transitions/
  • Graph animation : http://people.opera.com/dstorey/transitions/transition-timing-example.html
  • Photo gallery animation: http://people.opera.com/andreasb/temp_toshiba/stack/
• Webfonts demo

SVG

• Webfonts + SVG: Text Animation
• video + SVG: Video resize