paulirish/gist:576335

## gistfile1.mkd

      
      Raw
    
  
              gistfile1.mkd
            
          
    Things to do when IE9 Beta comes out
Note significant features added since IE9 PP4

Implemented but not announced: box-shadow, hsla
Expecting: 2d transforms, css animation, css transitions, flexible box model
Maybe: gradients, columns, reflections, svg filters, uncrippling @font-face, 3d transforms
Maybe version auto-update functionality

Test Modernizr against it

Does it still throw an error checking elem.msTransform?
Are test results consistent with advertised support? ticket

Areas of intrigue: flexbox, transforms, indexeddb


Any substantial things worth adding into Modernizr 1.6 as a result of IE9 support?

Update CSS Hacks article

Word on the street is there is no way to target IE8 but not IE9.

That would suck. Someone find one!


Update CSS3Please

Add any new supported values, prefixed or unprefixed.
Will they kill filters?
We want to get rid of the IE8 filter syntax as IE8 reads the 6,7 variant just fine.

Unless IE9 doesnt have transforms but does have filters and only reads the -ms-filter variant.


HTML5Boilerplate stuff?

Hmm. Everything should be peachy.
Maybe double-check conditional comments setup.
Verify IE=Edge forces documentMode == 9

HTML5Rocks updates

Maybe add new support for prefixed transforms in the studio?

Explain @font-face caveats with IE9


The situation is: if you do not have a WOFF in your declaration.. and are using the bulletproof (smiley) syntax, you might have a problem.


Again, If you have a woff in there, you're fine.


The TTF has this little fucker called an embedding bit which has four possible values. IE9 requires the TTF to have it set to 0, which means Installable. Chances are your TTF file doesn't have it set to that.


If it's not 0, IE9 will not subsequently grab the .eot that <= IE8 typically grabbed. The spec says it can't. And IE9 follows specs like whoa.


You can solve this by either now serving a WOFF.. or by adding an EOT to the primary src descriptor:
 @font-face {
   font-family: 'Graublau Web';
   src: url('GraublauWeb.eot');
   src: local('☺'),
          url('GraublauWeb.eot') format('embedded-opentype'), 
          url('GraublauWeb.ttf') format('truetype');
 }


Update HTML5 Readiness

Maybe. or just wait for the final, which will probably drop before 2011

Update your vendor prefixes

firefox just removed their -moz for border radius for FF4 final so that's the last of em.
make sure you use the unprefixed border-radius along with the rest.
also its pretty safe to use the unprefixed for transitions and transforms
gradients i wouldnt drop the prefix just yet.
thx anna

Celebrate a little.
Added by @dshaw:

Celebrate that 3 years from now we'll be able to share a modern web experience with the IE user base. #heyyo