Download
1 / 42

New Platform Capabilities for Advancing Web Development - PowerPoint PPT Presentation


  • 139 Views
  • 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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
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

2-067



Agenda
Agenda capabilities

  • Commitment to the Web

  • What’s New in the Web Platform

  • Demos

  • Next Steps

  • Q & A


Commitment to the web
Commitment to the Web capabilities

  • 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 capabilities

  • Professional Quality Video

  • Secure Content

  • Immersive Graphics

  • Richer User Interactions

  • Layout refinements

  • Much more




Media source extension mse
Media Source Extension (MSE) capabilities

  • What is MSE?

  • Specifies an HTML extension API that defines the implementation of adaptive streaming in the browser

Video

Element

src

Source buffer


Encrypted media extensions eme
Encrypted Media Extensions (EME) capabilities

  • What is EME?

  • Specifies an HTML extension API that defines access to DRM implementations contained in the web platform

Video

Element


Fullscreen apis
Fullscreen capabilities 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 capabilitiesSimple Delivery Profile (SDP) for Closed Captions (US)

  • What is SDP-US?

  • Fully featured captioning solution for modern browsers


Demo: Captioning capabilities


Perf power improvements
Perf capabilities & Power Improvements

  • Diskless XHR cache mode

  • Audio offload for adaptive streaming

Web

Web

Cache


Secure content
Secure Content capabilities


Demo: capabilitiesWebCrypto APIs


Web crypto api
Web Crypto API capabilities

  • 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 capabilities

  • Key Generation

  • AES-CBC

  • AES-GCM

  • HMAC (SHA-1, SHA-256, SHA-384)

  • RSAES-PKCS1-v1_5

  • RSASSA-PKCS1-v1_5

  • RSA-OAEP

  • Encrypt/Decryption

  • AES-CBC

  • AES-GCM

  • RSAES-PKCS1-v1_5

  • RSA-OAEP

  • Wrap/Unwrap

  • AES-KW

  • RSA-OAEP

  • AES-GCM

  • Import/Export Keys Formats

  • Raw

  • pkcs8

  • spki

  • jwk


Immersive graphics
Immersive Graphics capabilities



Webgl
WebGL capabilities

  • 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


Secure webgl goal to be the most secure platform for developing webgl applications
Secure capabilitiesWebGL Goal: To be the most secure platform for developing WebGL applications


New canvas 2d context apis
New Canvas 2D Context APIs capabilities

  • 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 capabilities

  • 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 capabilities

  • 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


Layout refinements
Layout capabilitiesRefinements


Css enhancements
CSS Enhancements capabilities

  • 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 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 capabilities

  • 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



  • Shell integratio n
    Shell Integratio capabilitiesn


    Pinned sites
    Pinned Sites capabilities

    Internet

    RSS

    • Live Tiles support

    • New Tile sizes

    • Support Hi Res Icons in the Favorites and Recent Site area



    Key takeaways
    Key Takeaways capabilities

    • 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 capabilities

    • 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


    Questions
    Questions? capabilities


    Evaluate this session

    Required Slide capabilities

    *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!


    ad