1. Tools
    1. VS2010 SP1
      1. intellisense
      2. Templates for MVC.NET
      3. My be for ASP.NET
    2. VS HTML & SVG Extension
    3. IE9 Dev Tools
      1. Edit DOM
      2. Profile JS
    4. JS Library Modernizer
      1. Checking HTML5 fetures
      2. http://www.modernizr.com/downloads/modernizr-2.0.6.js
    5. HTML5 Boilerplate
      1. Supporting Oold Browsers (IE6 too)
      2. HTML5 Templates
    6. ai2Canvas
  2. SVG
    1. XML with vector graphics
    2. Dynamic
  3. Canvas
    1. return !!document.createElement('canvas').getContext;
    2. if (Modernizr.canvas) {
  4. Elements
    1. Tags
      1. Old (Deprecated)
        1. <applet>
          1. new
          2. <embed>
        2. <acronym>
          1. new
          2. <abbr>
        3. <bgsound>
          1. new
          2. <audio>
        4. <big>
          1. use css
        5. <basefont>
          1. use css
      2. killed
        1. <frame> and <frameset>
          1. use <iframe>
          2. use AJAX
    2. Attributes
      1. All attributes which can be replaced css is deprecated
        1. Name for <img>
        2. target for <link>
        3. scheme for <meta>
        4. align
        5. font
        6. length
    3. Media
      1. Audio
      2. Video
      3. Canvas
      4. SVG
    4. new Life
      1. <ol> - ordered list
      2. <dl> - name/value
      3. <cite> - name of topic
      4. <address> - contacts
      5. <i> - now it not italy. now it "intonation"
      6. <strong> - now it "important"
      7. <em> - now it "marked"
      8. <b> - just bold w/o "important"
      9. <hr> - split text on paragraph level
    5. new <form> elements
      1. <input type="range" min="0" max="50" value="">
      2. <input type="search" results="10">
      3. <input type="color">
      4. <input type="number">
      5. <input type="email">
      6. <input type="url">
      7. <input type="tel">
      8. <input type="date">
      9. <input type="time">
      10. placeholder
        1. <input type="text" placeholder="Some text for textbox">
      11. autofocus
    6. new semantic elements
      1. <article>
      2. <section>
      3. <header>
      4. <footer>
      5. <nav> - navigation block
      6. <aside>
      7. <mark>
  5. Structure Of HTML5
    1. <!doctype html>
      1. w/o structure tags
        1. <Head>
        2. <Body>
        3. <HTML>
    2. HTML5 is any XML
  6. LocalStorage
    1. return 'localStorage' in window && window['localStorage'] !== null;
    2. if (Modernizr.localstorage) {
  7. background calculations
    1. return !!window.Worker;
    2. if (Modernizr.webworkers) {
  8. off-line applications
    1. applicationCache
      1. return !!window.applicationCache;
      2. if (Modernizr.applicationcache) {
  9. geolocation
    1. return !!navigator.geolocation;
    2. if (Modernizr.geolocation) {
    3. http://tools.google.com/gears/
    4. http://code.google.com/p/geo-location-javascript/
  10. History
    1. return !!(window.history && history.pushState);
    2. if (Modernizr.history) {