Click here to Skip to main content
Click here to Skip to main content

Tagged as

Go to top

IE11 Now Available on Windows 7

, 19 Sep 2013
Rate this:
Please Sign up or sign in to vote.
Microsoft have released IE 11 for Windows 7.
If like me you are predominately an enterprise developer, you will know how embedded Internet Explorer has become. Although the nightmares about IE 6 have now diminished, Microsoft is still playing catch up as regards HTML 5 specification and related technologies go.
IE 10 is a vast improvement over earlier versions, but web applications need to get more out of the browser especially when end users are going home and getting a fantastic experience when using Chrome or Firefox and then coming back in to the office demanding that 'Web App X' do this shiny new thing.
There is still a massive user base on Windows 7 with no sign of moving up to Windows 8 (or 8.1) just yet, so it is great news that Microsoft have released IE 11 for Windows 7.

So what does IE 11 bring to the party? Lets have a look.

Available in IE 11 but not in IE 10.

Embedding Custom non-visible Data (HTML 5 Candidate Recommendation)

From the W3C specs these are data-* attributes that can be manipulated via script but is hidden from the end user for example:
<ol>
<li data-sku="123">Item 1</li>
<li data-sku="456">Item 2</li>
<li data-sku="789">Item 3</li>
</ol>
A script on this page could highlight the list item content by identifying its data- attribute.

Hidden Attribute (HTML 5 Candidate Recommendation)

Using the section element in HTML 5, you can now manipulate with ease the visibility of the section like this:
<section id="adverts" hidden="true">
Content items
</section>
You can also shorten this by simply using:
<section id="adverts" hidden>

Device Orientation (DeviceOrientation Event Specification Editors Draft)

This API uses the concept of alpha (for rotation around the device z-axis), beta (how much the device is tilted front to back) and gamma (how much it is tilted from side to side).
Axis for IE 11 powered devices
So for example:
{alpha: 90, betaBlush | :O , gammaBlush | :O };
Is a device lying flat, but rotated so it is pointing west (360-90=270 degrees).

WebGL 3D Context (Khronos WebGL Specification Editor’s Draft 2 August 2013)

Not actually part of any W3C specification, but adopted by many browsers to add 3D support for the HTML 5 canvas element.

MutationObserver (Mozilla Developer Network)

This API reacts to changes in the DOM by assigning an observer to a DOM element.

Fullscreen (Fullscreen W3C Working Draft 03 July 2012)

This allows an element to move to a fullscreen mode, ideal for video for example.
<video controls preload="metadata"
onerror="videoFail(this)" id="bigbuckvideo">
<source src="big_buck_bunny_trailer_480p_high.mp4">
</source>
</video>
<script type="text/javascript">

var elem = document.getElementById("bigbuckvideo");

elem.requestFullscreen();

</script>
So there you have it, not a fantastic amount of new stuff and all of it has been available on recent releases of both Chrome and Firefox. But it is nice to know Microsoft are still willing to update their browser to stay competitive with the others.

Happy coding!

The post IE11 Now Available on Windows 7 appeared first on Don't Believe The Type.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Garry Pilkington
Web Developer Asterope Systems Ltd
United Kingdom United Kingdom
Software developer for over 10 years mainly creating enterprise web applications using the Microsoft .Net stack.
 
Owner of Asterope Systems Ltd specializing in consulting/contracting.

Comments and Discussions

 
-- There are no messages in this forum --
| Advertise | Privacy | Mobile
Web03 | 2.8.140926.1 | Last Updated 19 Sep 2013
Article Copyright 2013 by Garry Pilkington
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid