title: Modern UI (Metro) style tile in HTML 5?
body: <p>I would like to know if it's possible to recreate the tile system of modern UI from Windows 8 on a HTML page.</p>
  
  <p>I already created <a href="http://jsfiddle.net/B4st13n/P45bE/" rel="nofollow">this</a> from <a href="http://www.microsoft.com/belux/techdays/2013/Home.aspx#p=sessions" rel="nofollow">this website</a>. Here is the code </p>
  
  <pre><code>&lt;div class="tile pos1-1 w1h1 techolive"&gt;&lt;/div&gt;
  &lt;div class="tile pos1-2 w1h1 techblue"&gt;&lt;/div&gt;
  &lt;div class="tile pos2-2 w1h1 techred"&gt;&lt;/div&gt;
  &lt;div class="tilebanner" style="font-size: 20px !important;"&gt;
      &lt;a class="tile pos2-3 w2h1 techdarkblue" href="..."&gt;
                      List of&lt;br/&gt;
                      Sessions
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now i would like to add the same <a href="http://www.youtube.com/watch?v=4YkNJN_g-sw" rel="nofollow">slide movement</a> effect of modern UI. I guest I need javaScript to create that. Perhaps this feature or a similar feature is included in HTML 5 or CSS. Do you know where I can find a sample?</p>