Windows Internet Explorer 10 (abbreviated as IE10) is the next version of Internet Explorer currently being developed by Microsoft, and the successor to Internet Explorer 9. On April 12, 2011, Microsoft released the first “IE10 Platform Preview”, which runs only on Windows 7 and later;[2][1] subsequent platform previews run on only Windows 8. The release, only four weeks after the final release of Internet Explorer 9, has been noted as a fast release cycle in the context of the new browser wars.IE10 expands on Internet Explorer 9 functionality in regards to CSS 3 uptake, hardware acceleration, and HTML5 support.
History
Internet Explorer 10 was first announced on April 12, 2011 at the MIX 11 conference in Las Vegas. In this conference, Microsoft showcased a demo version of Internet Explorer 10 along with a demo version of Windows 8. On the same day, a Platform Preview of Internet Explorer 10 was released on the Microsoft Internet Explorer Test Drive website. It only supports Windows 7; later platform previews only support Windows 8. The beta and release candidate will be available for Windows 7.
CSS:
Support for CSS3 multi-column layout, CSS3 grid layout, CSS3 flexible box layout, CSS3 gradients, and ES5 strict mode. Support for Positioned Floats, CSS stylesheet limit lifted, CSSOM Floating Point Value support, Improved hit testing APIs, Media Query Listeners, HTML5: Support for async attribute on script elements, HTML5 Drag and Drop, HTML5 File API, HTML5 Sandbox, HTML5 Web Workers, and some Web Performance APIs.
Important These features work identically in Internet Explorer 10 and Metro style apps using JavaScript.
• Advanced Layout
• Visual Effects
• Other New Features
Advanced Layout
Internet Explorer 10 and Windows 8 introduce several new methods to layout your webpage or Metro style app using JavaScript with CSS. These methods include:
| Topic | Description |
|---|---|
| CSS Exclusions | Wrap text so that it completely surrounds elements, instead of limiting elements to floating to the left or right of text. |
| CSS Regions | Take a single stream of HTML content that includes both text and images, and stream that content into multiple empty containers defined in a standard HTML document. |
| CSS3 Multi-column Layout | Flow content into multiple columns that allow for a gap and optional rule between them. |
| CSS3 Flexible Box (“Flexbox”) Layout | Take the available space into account when defining box dimensions, thereby enabling relative sizes and positioning. |
| CSS3 Grid Layout | Divide space for major regions of a webpage or web app, and define the relationship between parts of an HTML control in terms of size, position, and layer. |
| CSS Device Adaptation | The @-ms-viewport rule, in combination with CSS Media Queries, enables web developers and developers of Metro style apps using JavaScript for Windows 8 to optimize the layout of sites and apps for different devices with minimal effort. |
Visual Effects
Internet Explorer 10 and Metro style apps using JavaScript support some of the latest visual effects modules of CSS3. They are:
| Topic | Description |
|---|---|
| CSS3 3-D Transforms | Translate, rotate, and scale elements in both 2-D and 3-D space. |
| CSS3 Animations | Animate elements by automatically varying CSS properties smoothly over time. |
| CSS3 Fonts | Access advanced typographic features in OpenType fonts that include them. |
| CSS3 Gradients | Add color gradients to any property that accepts images. |
| CSS3 Transitions | Create simple animations by smoothly changing CSS property values from a start value to an end value. |
| CSS3 Text | Apply a drop shadow to text, or automatically hyphenate blocks of text. |
Other New Features
Internet Explorer 10 and Metro style apps using JavaScript also introduce the following new features:
| Topic | Description |
|---|---|
| Panning and zooming | Internet Explorer 10 and Metro style apps using JavaScript support programmatic control of touch input and gesture recognition through CSS. |
| Removal of style sheet limits | Limits to the number of style sheets per webpage and to the number of nesting levels that were present in previous versions of Windows Internet Explorer have been removed in Internet Explorer 10. |
| Specifying selectable text | The -ms-user-select property is a new CSS property that enables app and web developers to control where users are able to select text within their Metro style apps using JavaScript or webpages. |
HTML5:
Support for several features defined in the HTML5 Working Draft specification began with Windows Internet Explorer 8 and was extended in Windows Internet Explorer 9. Windows Internet Explorer 10 Release Preview and Metro style apps using JavaScript for Windows 8 Release Preview support even more of HTML5.
• Application Cache API (“AppCache”)
• Asynchronous script execution
• Channel messaging
• Drag-and-drop APIs
• File API
• Forms
• History
• Parsing
• Sandbox
• Spellcheck
• Video
• Web Workers
• WebSockets
