internet explorer 9
TRANSCRIPT
Internet Explorer 9 The Beauty of the Web
Features for Web Developers & API
Programming
Vasu Jain
www.WindowsVJ.comwww.Windows8Arena.com
About Me :
How many of you use Internet ?
How many of you use Internet Daily ?
Which web browser do you use ?
How many of you tried Internet Explorer 9?
Current version of Internet Explorer Web browser from MicrosoftReleased to the public on March 14, 2011
System requirements for Internet Explorer 9
Operating Systems supported Windows 7Windows Server 2008 R2Windows Vista (with Service Pack 2)Windows Server 2008 (with Service Pack 2)
Windows XP is not supported.Both 32-bit and 64-bit builds are available.
Windows XP is not supported.
IE9 uses the Direct2D feature of DirectX which is available only in Windows 7, Vista SP2 & Server 2008 R2, not in XP.Windows XP users have a fast, safe, reliable and private browser in IE8 that IE9 doesn’t provide for XP.IE 9 requires the modern graphics and security underpinnings that have come since 2001, which XP lacks.IE9 is intended to be run on a modern OS in order to build on the latest hardware and OS innovations.IE9 require a discrete graphics card and prefer multiple cores. Such things didn’t exist in XP
Why XP is out of Picture?
Release historyIE public releases began last year in March 2010 by Platform Preview. Followed by Beta in September 2010 and finally RTW in March 2011.
Enhancements in IE9 for Web DevelopersInternet Explorer 9 supports several CSS 3 propertiesEmbedded ICC v2 or v4 color profiles support via Windows Color SystemImproved JavaScript performance using an engine called Chakra.It also features hardware-accelerated graphics rendering using Direct2D, hardware-accelerated text rendering using DirectWrite, hardware-accelerated video rendering using Media Foundation, imaging support provided by Windows Imaging Component, and high fidelity printing powered by the XPS print pipelineIE9 also supports the HTML5 video and audio tags and the Web Open Font Format
Changes from previous versionsI : User Interface Changes
Significant alterations to its US compared with previous versions. These include:
• Pinned Sites: Integrates with the Windows 7 taskbar to make web site experience more like an application where users may "pin" a site and then return to it later like a shortcut.
• Security-enabled Download Manager: Manages file transfers and can pause and resume downloads and informs if a file may be malicious
• Enhanced Tabs and Tab Page - the new tab page can show most visited sites, and tabs are shown next to the address bar with the feature of closing an inactive tab.
• Add-on Performance Advisor: Shows which third party add-ons may be slowing down browser performance and then allows the option to disable or remove them Compact user interface.
• Omni Box: Search bar is same as address Bar
Enhanced Tabs and Tab Page
Security-enabled Download Manager
Add on Performance Advisor
Omnibox: Searchbar & Addressbar Merged
Changes from previous versionsI : User Interface Changes: Pinned Sites : Jumplists
Changes from previous versionsI : User Interface Changes: Pinned Sites
Windows 7 taskbar: Shows both actively running applications & shortcuts to apps that you use frequently. By pinning an app you can quickly find & launch application.
Using Internet Explorer 9, you can also pin websites to the taskbar, which enables you to launch sites the same way you launch other applications in Windows.
IE9 users can pin any website to the Windows 7 taskbar just as they pin applications. Pinned website can be opened quickly and conveniently.
It is more than a shortcut. Provides features that can greatly improve a user's ability to navigate, control, and interact with the sites they visit.
Changes from previous versionsI : User Interface Changes: Pinned Sites : Benefits of Pinned Sites
Websites that implement the Pinned Site API can feel more like a native Windows app. Site developers can build a more compelling website using pinned feature by:
• Declaring a static list of tasks for fast navigation to common destinations in a site.
• Creating a dynamic list of destinations that are personalized and relevant to the user.
• Drawing the user back to the website by flashing the taskbar button or displaying a icon overlay.
• Adding remote controls and commands to the taskbar's preview window.
• Making the browser look and feel like your site by changing the color of the Back and Forward buttons.
• Promoting a high-resolution site icon that extends your site's brand outside the browser.
Changes from previous versionsI : User Interface Changes: Pinned Sites : Benefits of Pinned Sites
Changes from previous versionsI : User Interface Changes: Pinned Sites : The Pinned Site APIPinned Site can be implemented by using the following two programming models:
1. Static site properties: Properties that apply to anyone who uses the Pinned Site.
• Application name• Desktop tooltips• Site start URL• Window size• Back and Forward button colors• Static Jump List tasks
2. User-specific and dynamic customization: Includes features that are implemented with JavaScript, using the Pinned Site APIs.
• Dynamic Jump List tasks• Thumbnail toolbar commands• Notifications
Changes from previous versionsI : User Interface Changes: Pinned Sites : Adding Jumplist to your website for IE9
Changes from previous versionsI : User Interface Changes: Pinned Sites : Adding Jumplist to your website for IE9
1. Website icon: Your website should have favicon (32×32 icon as favicon.ico) to get better appearance in Windows 7 Taskbar. To add favicon, Just copy your icon file at the root of your website and add the following code in between <head></head> tag.
2. Microsoft has introduced a HTML meta tag application-name. It has two attributes name and content. The name attribute must have the value “application-name” and the content attribute holds the name of the website that appears on the JumpList.
Changes from previous versionsI : User Interface Changes: Pinned Sites : Adding Jumplist to your website for IE9
3. To add each Task to Jumplist, we need to add the following HTML meta tag, like I have added 4 tasks viz: Subscribe to RSS, Sign Up for Newsletter, Follow @windowsvj and Became a fan on Facebook.
It also has two attributes name and content. The name attribute must have the value “msapplication-task” and the content attribute takes three string values as shown above format.
Changes from previous versionsI : User Interface Changes: Pinned Sites : Adding Jumplist to your website for IE9
4. To Customize Categories we need to play with some sort of Javascript code and its easy. Have look…
Function MyJumplist() used then called two built-in functions viz.• window.external.msSiteModeCreateJumplist(‘{Category-Name}’);• window.external.msSiteModeAddJumpListItem(‘{Item-Name}’,‘{Action-
URL}’,'{Icon-URL}’)• window.external.msSiteModeShowJumplist();
And finally call the our function MyJumplist() to execute the whole javascript code.Add the code to between <head></head> tag and Pin your website .
Changes from previous versionsI : User Interface Changes: Pinned Sites : Adding Jumplist to your website for IE9
Changes from previous versionsII: Scripting
• JavaScript engine: Faster JavaScript engine Chakra which has a separate background thread for compiling JavaScript. Windows runs that thread in parallel on a separate core when one is available. Compiling in the background enables users to keep interacting with webpages while IE9 generates even faster code. By running separately in the background, this process can take advantage of modern multi-core machines.
• Document Object Model (DOM) : Improvements like DOM Traversal and Range Full DOM L2 and L3 events.
• Cascading Style Sheets (CSS) : Improved CSS support. CSS3 improvements include support for CSS3 2D Transforms, CSS3 Backgrounds and Borders, CSS3 Color, CSS3 Fonts, CSS3 Media Queries.
Changes from previous versionsIII: HTML 5
• Internet Explorer 9 includes support for the HTML5 video and audio tags.
• Audio tag include native support for MP3 and AAC codecs
• Video tag natively support H.264/MPEG-4 AVC
• Support for other video formats, such as WebM, will require third-party plugins.
• Internet Explorer 9 includes support for the HTML5 canvas tag which allows dynamic, scriptable rendering of 2D shapes and bitmap images..
• HTML5 Inline (Scalable Vector Graphics) SVG support also available in IE9
Changes from previous versionsIV: Other Significant Changes
• Tracking Protection feature: Improved since IE8. When a TPL is selected, IE9 blocks or allows 3rd party URI downloads based on rules in the TPL. Users can create their personal TPL's or select a TPL supplied by a third party.
• Malware protection : IE9 uses layered protection against malware. It uses technical measures to protect its memory like the DEP/NSX protection, Safe Exception handlers (SafeSEH) and ASLR protection used in IE 8.
• IE9 compiled with the new C++ compiler provided with Visual Studio 2010. which includes a feature known as Stack Buffer Overrun Detection, which helps prevent stack buffer overruns by detecting stack corruption and avoiding execution if such corruption is encountered.
Changes from previous versionsIV: Other Significant Changes
Removed features• Separate search box
• Progress bar and other status bar elements except for the Zoom button
• Tab list menu button (Ctrl+Shift+Q)
• Page title from title bar
• Large icons on command bar
• Completed MB when downloading (Only percentage is shown)
• Option to entirely disable ClearType for IE only
• Support for DirectX page transitions
Comparison with other browsers
Comparison with other browsers
Comparison with other browsers
Questions? Feedback ! Contact Me !!
Twitterwww.twitter.com/vasujainwww.twitter.com/windowsvj
My Web Blogwww.WindowsVJ.com
More Information
About Pinning a site http://bit.ly/ie9pin
About IE9 http://windows.microsoft.com/en-US/internet-explorer/products/ie/home
Testdrives & Demos ie.microsoft.com/testdrive/
Download http://windows.microsoft.com/en-US/internet-explorer/downloads/ie
http://www.Beautyofweb.com
Thank You