3. Internet Explorer 10

4. IE9 hardware-accelerated platform CSS 2D Transforms CSS Backgrounds & Borders CSS Color CSS Fonts CSS Media Queries CSS Namespaces CSS OM Views CSS Selectors CSS Values and Units Data URI DOM Element Traversal DOM HTML DOM Level 3 Core DOM Level 3 Events DOM Style DOM Traversal and Range DOMParser and XMLSerializer ECMAScript 5 HTML5 Canvas HTML5 Geolocation HTML5 Selection HTML5 semantic elements HTML5 video and audio ICC Color Profiles Selectors API Level 2 SVG, standalone and in HTML XHTML/XML

5. IE10 hardware-accelerated platform CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Backgrounds & Borders CSS Color CSS Flexbox CSS Fonts CSS Grid CSS Hyphenation CSS Image Values (Gradients) CSS Media Queries CSS multi-column Layout CSS Namespaces CSS OM Views CSS Positioned Floats (Exclusions) CSS Selectors CSS Transitions CSS Values and Units Data URI DOM Element Traversal DOM HTML DOM Level 3 Core DOM Level 3 Events DOM Style DOM Traversal and Range DOMParser and XMLSerializer ECMAScript 5 File Reader API File Saving FormData HTML5 Application Cache HTML5 async HTML5 BlobBuilder HTML5 Canvas HTML5 Drag and drop HTML5 Forms and Validation HTML5 Geolocation HTML5 History API HTML5 Parser HTML5 Sandbox HTML5 Selection HTML5 semantic elements HTML5 track HTML5 video and audio JavaScript Typed Array ICC Color Profiles IndexedDB Page Visibility Pointer (Mouse, Pen, and Touch) Events RequestAnimationFrame Navigation Timing Selectors API Level 2 SVG Filter Effects SVG, standalone and in HTML Web Messaging Web Sockets Web Workers XHTML/XML XMLHttpRequest (Level 2) XMLHttpRequest CORS

6. The web ecosystem… …is still where the most users spend their time in Windows 8 55%

7. The web ecosystem… …means mobile 55% http://www.businessinsider.com/state-of-internet-slides-2012

9. DO THIS… …TO GET THIS 1. Declare 2. Code with HTML5 & CSS3 3. Implement feature detection 4. Upgrade your frameworks  One cross-browser standard  Use the technologies you want  Less time testing browsers  Small pain, big gain Write cross-browser code

10. Use Compat Inspector  30% better page load performance in IE10 through Standards Mode  Compat Inspector+ Fiddler = automatic old markup detection

11. Unplug your site  Faster, more consistent, more secure user experience for rich media: Feature detect plug-in free: Fallback gracefully:

12. Be device independent  Media queries & listeners+ Viewport + CSS Grid / Flexbox / Multi-column

13. Build the basics for touch 1. Make sure your site works without a mouse 2. Do not hide behavior behind Hover 3. Configure your default touch experiences: ValueDescription auto Default value for -ms-touch-action. Browser determines. noneNo default behavior is allowed. manipulation Only panning, pinch zoom, and swiping to navigate forward or back are allowed. double-tap-zoomOnly double-tap zooming is allowed. inherit The element inherits the value of -ms-touch-action from its parent. -ms-touch-action: auto | none | manipulation | double-tap-zoom | inherit;

16. Pinning in Windows Pinning features Put your site brand on a tile right next to apps on the Windows 8 Start Screen High resolution tile icon using PNG image Update your users with tile notifications even when not browsing Benefits to your business Increased brand exposure on Windows 8 PCs When users pin your site, they visit it more often, spend more time and go deeper (15 to 45% more engagement on average on top sites) Live notifications remind your users of deals, social updates, breaking news which increases repeat visits

17. Share charm in Windows Share features Lights up with Facebook’s Open Graph Users can share rich, well structured content with their apps Your site is integrated with the common sharing experience in Windows Benefits to your business Draw in new users through linking back shared content Control how your data is shared via Open Graph Less need to manage social network plug-ins on your site

18. Flip ahead & Snap Features Easier for touch navigation on small screens Flip-ahead, directed forward or “next page” browsing with single swipe Responsive design = Windows Snap Benefits to your business Extend the touch-first Windows experience to your site Take advantage of flip-ahead to streamline navigation Increase on-site time by providing an optimized snap view

19. Connecting your site to your app App bridge features Drive app adoption from website Pass contextual information to your app Build customized notification for amplified messaging Benefits to your business Turns site visitors into residents Data flows seamlessly between website and app Partner websites can launch your application with site specific data