Upgrade to Pro — share decks privately, control downloads, hide ads and more …

IE10 for Web Developers

IE10 for Web Developers

A quick lap-around IE10, featuring the "what's new" for web developers.

John Bristowe

March 21, 2012
Tweet

More Decks by John Bristowe

Other Decks in Technology

Transcript

  1. Windows Core OS Services JavaScript (Chakra) C C++ C# VB

    Metro style Apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media XAML HTML / CSS HTML JavaScript C C++ C# VB Desktop Apps Win32 .NET / SL Internet Explorer System Services View Model Controller Core
  2. //  apply  CSS  transform  to  an  element   element.style.msTransform  =

               "scale(0.4)  perspective(290px)  rotateY(17deg)";     //  apply  CSS  transition  to  an  element   element.style.msTransitionProperty  =  "transform";   element.style.msTransitionDuration  =  "2.5s";   element.style.msTransitionDelay  =  "0s";  
  3. //  Read  file  using  FileReader  and  register  handler  for  loadend

      var  filereader  =  new  FileReader();   filereader.imagediv  =  d;      //  expando  to  store  image  element   filereader.onloadend  =  handleReaderOnLoadEnd;   filereader.readAsDataURL(file);   //  Set  image  src  in  loadend  handler   function  handleReaderOnLoadEnd(event)   {          var  image  =  this.imagediv.children[0].children[0];          image.src  =  this.result;          …