Internet Explorer The Present And The Future

Oliver Scheer

Developer Evangelist

Microsoft Deutschland

Email: oliver.scheer@microsoft.com

Blog: http://the-oliver.com

Internet Explorer 8

• Innovationen

• Sicherheitsfunktionen

• Und viel mehr …

Internet Explorer 8 – Innovationen

• Web Slices

• Schnellinfos

• Suchanbieter

Internet Explorer 8 - Sicherheitsfunktionen

• Domänenhervorhebung

• SmartScreen-Filter

• Cross-Site-Scripting (XSS-Filter)

• Datenausführungsverhinderung

• InPrivate-Filterung und –Browsen

• Schutz vor ClickJacking

Internet Explorer 8 - Mehr

• TÜV • http://www.it-tuv.com/internet-explorer

• Add-Ons: • http://ieaddons.com/de/

Demos

Internet Explorer 9 Platform Preview

Internet Explorer 9 Platform Preview

• Zielgruppe • Web-Developer

• Fokus der aktuellen Version • GPU-Performance

• Neue JavaScript-Engine

• Markup-Sprachen

• Updates • Alle 8 Wochen

The HTML5 Web:

Graphically- and Media-Rich

Evolution of the Web

The AJAX Web: JavaScript +

DOM + Asynchronous Requests

Web ―2.0‖

The Content Web: HTML & CSS

Web ―1.0‖

GPU-powered HTML5 Graphics

GPU-Powered HTML5

High

Performance

JavaScript execution

DOM interaction and layout

GPU-powered rendering

Cross-browser

Interoperability

HTML5 markup

CSS3 markup

DOM programmability

Graphics

Capabilities

Alpha color & opacity

Round corners & multiple backgrounds

HTML5-integrated SVG graphics

Media

Capabilities

<video> element with MPEG-4/H.264

<audio> element with MP3/AAC

<img> with JPEG-XR, color profiles

JavaScript - Engine

JavaScript-Engine

• Multi-Core Unterstützung

• Kompilierte Ausführung

• …

0

1000

2000

3000

4000

5000

6000

7000

8000

1 51 101 151 201 251 301 351 401 451 501 551 601 651 701

Nu

mb

er

of

Sit

es

API (By Rank)

API Usage Over Top ~7000 Sites

API Rank Percent of Sites

indexOf 1 94%

getElementById 13 80%

addEventListener 27 65%

getComputedStyle 62 26%

Interoperable HTML5 Markup Interpret the same HTML, CSS, and JavaScript the same way

Interoperable HTML5-Markup

Interpret HTML, CSS, and JavaScript the same way

• Always some differences on the edges • Standards evolve

• Browsers implement in different order

• Core platform must be interoperable

CSS-Demo

Markup and Programming Model in Internet Explorer Platform Preview

Category Feature Today Coming

Markup Inline SVG in HTML

XHTML/XML

CSS

Infrastructure

CSS3 Selectors

CSS3 Namespaces

DOM Core

Events

Style

Range

HTML5 Selection

Scalable Vector Graphics

• Markup-/DOM-based graphics: SVG 1.1 • ―View source‖ simplicity—aids learning

• Easy server-side generation—it’s just XML

• Easy client-side debugging—it’s in the DOM

• Supported by popular graphics programs

• Easy integration with HTML5

<svg width="400" height="200"

xmlns="http://www.w3.org/2000/svg">

<rect fill="red" x="20" y="20"

width="100" height="75" />

<rect fill="blue" x="50" y="50"

width="100" height="75" />

</svg>

SVG in Internet Explorer Platform Preview

SVG Feature Today Coming

Document Structure

Basic Shapes

Paths

Text

Transforms

Painting, Filling, Color

Scripting

Styling

Gradients and Patterns

Clipping and Masking

Markers and Symbols

SVG-Demo

Rich Media Integration—Without Plugins

• HTML5 <video> element • Industry-standard MPEG-4/H.264 video

• Video can be composited with anything else on the page • HTML content, images, SVG graphics

• GPU-based implementation capable of maintaining 60fps full-

screen at full HD resolution • Supports both DXVA and full hardware video decoders

• HTML5 <audio> element • Industry-standard MP3 and AAC audio

<video width="800" height="450" src="myvideo.mp4"

autoplay>

No video for you</video>

Mix HD-Video Demo

34

Mehr Informationen

www.microsoft.de/web

www.ietestdrive.com

Email: oliver.scheer@microsoft.com

Blog: http://the-oliver.com

Twitter: theoliver