Making Internet Explorer 8 Behave in 2013

In 2013, internet sites will virtually be solely evolved with HTML5 and the newest CSS modules. HTML5 tags akin to <header>, <nav> and <footer> are going for use ceaselessly. For responsive designs, using CSS media queries shall be essential to “reply” to a tool or browser width. Websites for cell units want fast obtain instances and using CSS as an alternative of the use of symbol information alleviates that.

But after all Internet Explorer 8 (IE8), does not reinforce the newest variations of those languages. IE8 will forget about any of the brand new HTML5 tags. It will forget about all CSS media queries and your entire fancy CSS buttons that use CSS for rounded corners, drop shadows and background gradients will appear to be generic solid-colored rectangles. Should we care? People nonetheless use IE8?

We’re simply into 2013 now and sadly for internet builders, IE8 utilization continues to be noticeable. This can most commonly be attributed to all of the individuals who proceed to make use of Windows XP and who won’t / can not / do not need to improve any upper. According to Statcounter’s stats, all over the remaining 3 months of 2012, international utilization of IE8 used to be at 12.05%. Internet Explorer 9 (IE9) used to be at 17.68%. So it is honest to mention there’s a respectable quantity of folks surfing the internet who nonetheless use IE8.

Luckily for IE8 customers and internet builders, there’s a means. By the use of those 3 gear to your internet construction arsenal, you are going to without a doubt be capable of care for IE8 in 2013:

  • Modernizr – Modernizr is a JavaScript library that detects HTML5 and CSS3 options within the consumer’s browser. Basically, the use of Modernizr will let IE8 establish any HTML5 and CSS3 tags as an alternative of ignoring them.
  • css3-mediaqueries-js – css3-mediaqueries.js by way of Wouter van der Graaf is a JavaScript library that applies CSS3 media queries. Using this script will permit that snazzy responsive structure to be responsive in IE8 too.
  • CSS3 PIE – PIE stands for Progressive Internet Explorer. It is an IE connected conduct which, when implemented to a component, lets in IE to acknowledge and show plenty of CSS3 homes. Using PIE will allow the much-used CSS homes akin to border-radius, box-shadow (often referred to as rounded corners and drop shadows) and background gradients in IE8.

Each of those gear are rather simple to put in force and would possibly require slightly tinkering round with to evolve for your code. But upon getting them operating appropriately, you’ll be able to be saving your self a large number of time and grief when developing your website and it HAS to be IE8 pleasant.