First Look at Screenshots and What’s New in Internet Explorer 10

“Experience a more beautiful web”, is the punch line you see when you download Microsoft Internet Explorer 9. For Internet Explorer 10, this punch line can be changed to include HTML5. HTML5 is the buzz word in the market today and Microsoft is fully prepared to take advantage of its capabilities. Microsoft has always been open and forward to include the popular tools and technologies. Microsoft is a big enterprise corporation and has many hundreds of products. It can be slow with upcoming versions but has never been shy of giving IT professionals the best. I have never ever been disappointed with Microsoft products. Every version of any Microsoft product is better than the previous in many ways.

Same is true for IE 10. Internet Explorer 10 will set high standards for other browsers in this so called browser war involving Safari, Chrome and Firefox. IE 10 has many enhancements over the current version IE9. IE 10 consumer preview comes with Windows 8 consumer preview. I would suggest that you try IE 10 in the Windows 8 environment. That way you can feel the new metro or tiled environment.

For more information on Windows 8 please visit my blog

I created a virtual machine of Windows 8. This blog has images of IE 10 consumer preview which is part of Windows 8 consumer preview.

Below is the Internet Explorer tile which can be seen in the new metro interface.

Internet Explorer 10 Tile in Windows 8 Metro Interface

Internet Explorer 10 Tile in Windows 8 Metro Interface

As you can see, the look and feel of Internet Explorer 10 is similar to its predecessor IE 9. It has the same simple, clean and easy to use UI.

Internet Explorer 10

Internet Explorer 10

Below are some of the new features and enhancements in Internet Explorer 10:

1) IndexedDB Updates for IE10 and Metro style

IndexedDB is a W3C Working Draft that enables you to store, search, and retrieve data on the user’s device, even when Internet connectivity is disabled.  IndexedDB is a feature of the Web platform shared by IE10 and Metro style apps in the Windows 8 Consumer Preview. This is an important step for Web developers building on this technology in the near future, including in Windows 8 and IE10.

2) WebSockets in Windows Consumer Preview

In Windows 8 Consumer Preview and Server Beta, IE10 and all other Microsoft WebSocket client and server features now support the final version of the IETF WebSocket Protocol. In addition, IE10 implements the W3C WebSocket API Candidate Recommendation.

WebSockets enable Web applications to deliver real-time notifications and updates in the browser. Developers have faced problems in working around the limitations in the browser’s original HTTP request-response model, which was not designed for real-time scenarios. WebSockets enable browsers to open a bidirectional, full-duplex communication channel with services. Each side can then use this channel to immediately send data to the other. Now, sites from social networking and games to financial sites can deliver better real-time scenarios, ideally using same markup across different browsers.

3) Enhanced Protected Mode

Every release of Internet Explorer includes new security enhancements to help keep us safe as we browse the Internet. The new Enhanced Protected Mode in Internet Explorer 10 helps keep our data safe even if an attacker has exploited a vulnerability in the browser or one of its add-ons.

4) Enhanced Memory Protections in IE10

Internet Explorer 10 introduces significant improvements in memory protections to help make vulnerabilities harder to exploit, helping to keep users safe on the sometimes-hostile Web. These improvements will increase the difficulty and development cost of exploits, making life harder for the bad guys.

5) Sub-pixel Rendering and the CSS Object Model

In general, pixel-perfect layouts on the Web tend to conflict with the goals of enabling accessible, compatible, and adaptable content, and consequently are not a best practice. When using the CSS-OM to dynamically generate a layout, Web developers should allow for a few pixels of potential error. Better yet, IE10 provides several new layout options that developers can use to better achieve many of these desired layouts without requiring pixel-perfect alignment using the CSS-OM.

6) High performance HTML5 content in Metro-style Apps

Metro style apps in Windows 8 have all the performance benefits of IE10 when showing Web content. In Metro style apps, Web content is always JIT compiled and hardware-accelerated. Other platforms do not provide the same level of performance in apps. Many applications embed HTML to provide a richer and always up to date experience for consumers. For example, the developer of a restaurant guide app might want to include a live map showing the locations of the list of restaurants the user is choosing from. Anyone writing a Metro style app for Windows 8 can easily include Web content in their app. In an HTML or XAML app, just include an <iframe> element or a WebView control to get the full benefit of IE 10 performance. JavaScript code continues to run fast with JIT compilation, and your app will automatically use GPU to accelerate HTML graphics.

7) Web Sites and a Plug-in Free Web

The transition to a plug-in free Web is happening today. Any site that uses plug-ins needs to understand what their customers experience when browsing plug-in free. Lots of Web browsing today happens on devices that simply don’t support plug-ins. Even browsers that do support plug-ins offer many ways to run plug-in free.

Metro style IE runs plug-in free to improve battery life as well as security, reliability, and privacy for consumers. Developers with sites that need plug-ins can use an HTTP header or meta tag to signal Metro style Internet Explorer to prompt the user.

8) Controlling Selection with CSS user-select

IE10 Platform Preview 4 includes support for a new CSS property, -ms-user-select, which makes it easier for Web developers to control exactly what text can be selected on their Web sites. Selecting text on the Internet is important in many scenarios.

Consider a typical news Web site. Most pages will include a news article, the contents of which the user needs to be able to select because they read by selecting text or because they want to share the content. Also on the news Web page there are some menus and links to other parts of the site. Users likely don’t need to select these items. Using -ms-user-select, the Web developer can specify that text selection is allowed in the news article but not allowed in the menus.

9) HTML5

IE 10 preview adds even more support for HTML5 technologies, enabling richer Web applications with significantly improved performance. IE10’s hardware acceleration of technologies like SVG, CSS3 transforms and animations delivers faster rendering than other browsers.

10) Typing with Speed and Accuracy in IE10

Typing quickly and accurately is a critical part of the user experience for any piece of software. When using a device without a physical keyboard, providing a great text input experience is even more important. Windows 8 provides several capabilities to make text input great on any device, and spellchecking is one of them. In Windows 8, spellchecking support is available to applications across the entire operating system, including IE10. Spellchecking allows users to identify misspelled words while they are entering text, have commonly misspelled words fixed automatically, and take corrective action on others.

11) IE10 Compat Inspector

Compat Inspector is now available for IE10. Use Compat Inspector to quickly identify if Internet Explorer platform changes affect your site. Compat Inspector is a JavaScript-based testing tool that analyzes your site while it runs. Compat Inspector reports patterns of interaction which cause issues in recent modes. This allows you to identify problems quickly without memorizing a bunch of documentation or searching through the entirety of your site’s code.

12) Creating Files through BlobBuilder

As Web sites transition more and more into Web applications, working with files in meaningful ways is becoming increasingly important. Starting with Platform Preview 2, IE10 includes support for the File API, enabling developers to read and slice files on the client. Platform Preview 4 adds support for BlobBuilder, a way for developers to create new files. IE10 also has two new methods that allow the user to save blobs to their computer, enabling great end-to-end experiences when working with client-resident data.

Internet Explorer 10 along with HTML 5 will open an exciting era in web browsing.

My above blog is based on Microsoft’s IE Blog.

I hope this blog about ‘First Look at Screenshots and What’s New in Internet Explorer 10’ was informative. Please feel free to leave your comments.

Post a comment or leave a trackback: Trackback URL.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: