Get our posts emailed to you with our monthly newsletter, subscribe here.

I have written a couple of previous tutorials using HTML5 and CSS3 to create a clean and stylish login form with HTML5 and CSS3 and  create a clean and stylish CSS3 menu, the problem designers and developers often encounter when using HTML5 or CSS3 is how best to support older browsers and browsers which do not support features such as border-radius, gradients and text-shadows. The list could go…

Why support old browsers?

It is becoming more common to see websites that no longer support old outdated web browsers, even the WordPress dashboard has discontinued to support IE6. However if a large proportion of your visitors still use IE6, they will be missing out on the aesthetically pleasing eye candy that CSS3 and HTML5 has to offer, you may also inadvertently be serving them a website that is not rendering correctly, thus loosing conversions and repeat business.

In a ideal world, we would not have to include additional scripts to render a web page the same in all browsers. Not all people are technically capable or knowledgeable as to why or how to change or update their browser, so unfortunately we are left with a situation where we have to choose to either support them or disregard their browsing experience.

How to use CSS3 and HTML5 in old browsers

Last week I was searching for a simple, lightweight non intrusive way of easily integrating a Javascript library which will allow older browsers to render CSS3 and HTML5. In particular I was very concerned with including additional JS files and the impact these have on load times,  I settled for a small JS script library by the name of CSS3 PIE, whist searching for different JS solutions I found few to choose from, take a look:

CSS3Pie

Head JS

Borderradius.htc

Modernizr

Selectivizr

ie7-js

Questions:

Do you add support for users in older browsers?

Should we add support?

Posted by David Martin

David Martin is a WordPress developer & entrepreneur from the UK. He owns DesignWoop, CardDsgn and WhoDesignToday. Catch up with David on Twitter.