1 / 32

Developing with Internet Explorer, now and the future

Developing with Internet Explorer, now and the future. Zlatko Knezevic Developer Evangelist Microsoft zlatko.knezevic@microsoft.com. World Wide Web. Came a long way from CERN and Tim’s idea First, it was content-oriented Then, it was data oriented Now, it’s people-oriented.

dakota
Download Presentation

Developing with Internet Explorer, now and the future

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Developing with Internet Explorer, now and the future Zlatko Knezevic Developer Evangelist Microsoft zlatko.knezevic@microsoft.com

  2. World Wide Web • Came a long way from CERN and Tim’s idea • First, it was content-oriented • Then, it was data oriented • Now, it’s people-oriented

  3. Evolution of the Web The HTML5 Web:Graphically- and Media-Rich The AJAX Web: JavaScript + DOM + Asynchronous Requests Web “2.0” The Content Web: HTML & CSS Web “1.0”

  4. Current browser landscape • Several “big players” that we all know • Internet Explorer, Firefox, Safari, Chrome, Opera • Going to different platforms, we have even more • When we talk about browsers these days, we are talking about engines • Rendering engines (Trident, WebKit, Gecko, etc.) • JsVM (Chakra, V8, Rhino, etc.)

  5. Good thing we have standards, eh?

  6. Internet Explorer 8

  7. Internet Explorer 8 • Better standards compliance & performance • More robust user experience • Developer enhancements • Emerging standards support

  8. Performance • Parallel connection limit increased to six • Pre-parser doesn’t block at script tags • Layout engine faster • Jscript improvements (70% faster than IE7!) • Look ups • Garbage collector • Marshalling • …

  9. Security • Integrated anti-phishing protection • Secure development lifecycle (SDL) IEAK, centralized build and update management • Extended validation (ev) ssl certificates • Domain highlighting • Integrated cross site scripting protection • HTTP only cookies • Legacy versions support (10 years) • Inprivate filtering (control of 3P data sharing) • 24/7 escalation for phishing and malware • P3P support • Anti-spoofing int. Domain names control • Cross document messaging (XDM) • Centralized add-on management • Integrated click-jacking prevention

  10. User experience • Security and speed are one • Add-ons like accelerators and web slices • Better searching with Open Search definitions

  11. Compatibility • Publishers have full control over the layout • “X-UA-COMPATIBLE” META tag or HTTP header IE8 Layout Engines IE7 Compatibility IE6 Quirks IE8 Standards

  12. Developer Productivity • CSS, HTML and Javascript debugger “in the box” • Page “live editing” • Execution control (breakpoints, immediate window, step into, …) • Layout box model, style tracing • Profiler

  13. Looking Forward to the Future • HTML 5 • XDR/XDM • JSON • CSS selectors • DOM storage • Mutable DOM prototypes • Ajax navigation • Network connection awareness • CSS 3 • Box-sizing • Vertical-text

  14. Internet Explorer 8 tricks in practice DEMO

  15. Internet Explorer 9

  16. The main themes • Speed • Interoperability • The future NOW!

  17. In more details… Top Objectives of Internet Explorer 9’s Web Platform • Interoperable HTML5 Markup • Interpret the same HTML and CSS markup the same way • Run the same JavaScript the same way • GPU-powered HTML5 Graphics and Media • HTML5 demands a high-performance graphics subsystem • Across-the-board High Performance HTML5 • JavaScript execution • Page layout • Page display

  18. Markup Languages in IE9 • HTML5 • Defines the behavior at seams of other specs • Parsing unknown elements • Inline SVG • XHTML/XML • Strict, fail-fast parsing helps developers find errors quickly • Easier to process outside the browser • Namespaces for safely using custom elements • SVG • Standalone XML-based document (.svg file) • Inline in an XHTML document • Inline in an HTML5 document

  19. CSS Infrastructure • CSS3 Selectors • Help you do more on your site with less script, simpler markup • CSS3 Namespaces • Style elements with namespaces in XHTML documents

  20. IE9 Programming Model • Central part of web platform used to manipulate the DOM • DOM Core • DOM Events • DOM Style • DOM HTML • DOM Range • HTML5 Selection

  21. Markup and Programming Model in Internet Explorer Platform Preview

  22. DEMO

  23. GPU-powered HTML5 Graphics and Media HTML5’s graphical richness demands a high-performance graphics subsystem • By harnessing the power of the GPU we • Allow features such as alpha-channel blending to be implemented with high performance • Deliver the frame rates needed for smooth animation and video playback • Reduce CPU load from graphics allowing other systems to perform faster

  24. GPU-Powered HTML5

  25. Rich Graphics: A Cornerstone of HTML5 • Graphically-rich styling • Enhanced image support • Scalable vector graphics • Media elements To deliver consistent high quality and high performance, IE9 builds these capabilities on the GPU-powered graphics of Windows 7

  26. Graphically-rich Styling with CSS3 • CSS3 Color • Alpha color with rgba() and hsla() color functions • Transparency control with the opacity property • CSS3 Backgrounds and Borders • Round corners with the border-radius property • Multiple background images per element • box-shadow property on block elements

  27. Enhanced Image Support • ICC version 4 and version 2 color profiles • Images with embedded color profiles are correctly displayed • New JPEG XR format • Higher compression ratios that JPEG • Higher quality with the same file size • Equal quality with smaller file sizes • JPEG XR also supports lossless compression • Valuable for exchanging high-resolution original photography • TIFF image format • Popular for lossless image exchange, black & white images, scanned documents and faxes

  28. 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" /> <rectfill="blue" x="50" y="50" width="100" height="75" /> </svg>

  29. SVG in Internet Explorer Platform Preview

  30. 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

  31. DEMO

  32. Q & A

More Related