Skip this Video
Download Presentation
New Platform Capabilities for Advancing Web Development

Loading in 2 Seconds...

play fullscreen
1 / 42

New Platform Capabilities for Advancing Web Development - PowerPoint PPT Presentation

  • Uploaded on

New Platform Capabilities for Advancing Web Development. Israel Hilerio Principal Program Manager Lead 2-067. Windows is advancing the web by introducing new platform capabilities. Agenda. Commitment to the Web What’s New in the Web Platform Demos Next Steps Q & A.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'New Platform Capabilities for Advancing Web Development' - asabi

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
new platform capabilities for advancing web development

New Platform Capabilities for Advancing Web Development

Israel Hilerio

Principal Program Manager Lead


  • Commitment to the Web
  • What’s New in the Web Platform
  • Demos
  • Next Steps
  • Q & A
commitment to the web
Commitment to the Web
  • The Web platform is an integral part of Windows
  • Standards allow you to create interoperable experiences between websites and applications
  • You can (extend your site) create immersive experiences between your websites and the Windows shell
    • One IE across all Microsoft devices
what s new in the web platform
What’s New in the Web Platform
  • Professional Quality Video
  • Secure Content
  • Immersive Graphics
  • Richer User Interactions
  • Layout refinements
  • Much more
media source extension mse
Media Source Extension (MSE)
  • What is MSE?
  • Specifies an HTML extension API that defines the implementation of adaptive streaming in the browser




Source buffer

encrypted media extensions eme
Encrypted Media Extensions (EME)
  • What is EME?
  • Specifies an HTML extension API that defines access to DRM implementations contained in the web platform



fullscreen apis
Fullscreen APIs
  • What is it?
  • Web standard that enables HTML elements to take over the full screen window area.
ttml simple delivery profile sdp for closed captions us
TTML Simple Delivery Profile (SDP) for Closed Captions (US)
  • What is SDP-US?
  • Fully featured captioning solution for modern browsers
perf power improvements
Perf & Power Improvements
  • Diskless XHR cache mode
  • Audio offload for adaptive streaming




web crypto api
Web Crypto API
  • What are Web Crypto APIs?
  • Web standard that defines a JS API for performing basic cryptographic operations in a web application
    • Most complete WebCrypto implementation on the web
algorithms supported
Algorithms Supported
  • Key Generation
  • HMAC (SHA-1, SHA-256, SHA-384)
  • RSAES-PKCS1-v1_5
  • RSASSA-PKCS1-v1_5
  • Encrypt/Decryption
  • RSAES-PKCS1-v1_5
  • Wrap/Unwrap
  • AES-KW
  • Import/Export Keys Formats
  • Raw
  • pkcs8
  • spki
  • jwk
  • What is WebGL?
  • A web specification, based on OpenGL ES 2.0, that defines a low-level 3D graphics APIs to use on your sites
  • What are we delivering?
  • Robust, Secure, and Fast WebGL implementation that is interoperable with Chrome and Firefox
new canvas 2d context apis
New Canvas 2D Context APIs
  • Image Smoothing – create new pixelated effects
  • Dashed lines – drawing dashed lines
  • Fill rules –allows developers to choose their fill rule
directdraw surface dds support
DirectDraw Surface (DDS) Support
  • Use hardware more efficiently
  • Reduces your app load time
      • Background images
      • 87.5% less GPU memory usage
    • Recommended for in-package assets
rich user interactions1
Rich User Interactions
  • Screen Orientation APIs
  • Lock the screen orientation of a device to a predefined mode: portrait or landscape
  • Device Orientation APIs
  • Retrieve information for the physical orientation and motion of a device
  • Pointer Events
  • Provides you an updated implementation
  • Perf Improvements
  • Hardware accelerated scrolling and zooming for mouse, keyboard, and script
  • Device Fix
  • Fix elements even when you zoom
css enhancements
CSS Enhancements
  • Flexbox
  • Updated prefix free implementation
  • Border-Image
  • CSS property that allows you to specify an image to declare your border style
  • Horizontal-Vertical text support
  • CSS property that allows you to mix horizontal characters into a single space in vertical writing mode
f12 and new layout capabilities
F12 and New Layout Capabilities
  • No need to refresh the DOM to see dynamic changes
  • Support CSS shorthand
  • Support inline styling
  • CSS intellisense for properties and values
  • Improved workflow for editing in the CSS pane (TAB, }, Arrow keys)
  • Ability to search using CSS selector notation
  • Support for !important and @media rules
  • Highlight invalid CSS properties
  • We will be tracking #f12tools on Twitter for customer tweets on the new tools
editing enhancements
Editing Enhancements
  • Clipboard Improvements
  • Able to copy/paste images from 3rd party programs
      • clipboardData.files
      • event. msConvertURL(file, “specified”, url);
  • New ExecCommands
  • Undo improvements
      • msBeginUndoUnit, msEndUndoUnit, and msClearUndoStack
pinned sites
Pinned Sites



  • Live Tiles support
  • New Tile sizes
  • Support Hi Res Icons in the Favorites and Recent Site area
key takeaways
Key Takeaways
  • IE provides a standard web platform across all Microsoft devices
  • Available for you on IE as well as Windows store apps
  • Our goal is for you to reuse assets to easily build Windows store apps and use your web programming knowledge
  • Your sites can be more like Apps
additional resources
Additional Resources
  • Related Build Presentations
  • 2-066 New IE Developer Tools
  • 2-067 New Platform Capabilities for Advancing Web Development
  • 3-068 Web run-time performance
  • 3-069 Web Compatibility and Same Markup
  • 3-071 Lighting up your site on Windows 8.1
  • 4-072 Hyper-fast web graphics with WebGL
  • 4-073 Inspecting & Debugging Using IE’s New F12 Developer Tools
  • 3-089: Building media streaming apps and sites without plug-ins using MPEG-DASH
evaluate this session
Required Slide

*delete this box when your slide is finalized

Your MS Tag will be inserted here during the final scrub.

Evaluate this session
  • Scan this QR codeto evaluate this session and be automatically entered in a drawing to win a prize!