But It’s Not Supported In IE

As a web developer or web designer most likely you've heard somebody say it's not supported on IE? Or worse it's not supported in IE6.

I've had people say this to me on tutorials where I would show people webkit experimental properties such as when CSS3 filters. At the time of writing this tutorial CSS filters was only available on webkit browsers I said this in the tutorial and still had people commenting on the post saying they will never use it because it's not supported by IE.

There's always changes happening to the latest browsers, chromium has nightly builds where you can upgrade the browser. With all these changes happening so quickly there's going to be new properties coming out all the time that solves problems in frontend development. One of these is CSS Flexbox, personally I think this is a big game changer with CSS it solves so many problems we've had before with floats, same height columns, vertically centred.

But still you get the people who say they won't use it because it's not supported in IE9.


With the global usage at 96.92% and all the benefits you get from CSS flexbox is perfectly fine to use it now.

Get started with CSS Flexbox

I know there are still a lot of corporate companies, public sector organisations and banks that still use older browsers such as IE8 but anything lower than IE10 is not supported by microsoft, they will not be making improvements to the browsers, they will not be fixing security flaws. This is why it's very important that people are upgrading from IE10 and lower. The main reason people aren't upgrading from IE10 is because of cost, if you have a big company upgrading 100s/1000s of computers can be very expensive. Another reason is because big companies of this size have internal applications that the company has used for years like a holiday booking systems. These were probably built to run on IE6 and I've seen companies where they will only work in IE6.

This is why people don't want to use new properties or techniques as it will mean the small percentage still on these older browsers can't use it. If you look at the current browser stats IE8 is the highest used IE browsers lower than 11 and this is only globally 0.77%.

I believe as web designer/developers we should be at the front of pushing people to upgrade to the latest browser, this has many benefits.

  • You can use new CSS techniques
  • You rarely have to do browser specific techniques. You may still need browser prefixes like -webkit- but you don't need a webkit stylesheet and an IE6 stylesheet and an IE8 stylesheet.
  • You can use newer properties like image reflection in pure CSS
  • The benefit to the company is the security updates. By upgrading it's better protection to the users of the system.
  • Newer browsers also provide a better user experience

When we do things like not using a widely used CSS property like CSS flexbox we're making it ok for people not to upgrade their browser when we should be encouraging people to upgrade the browser to the latest versions.

Flexbox Without Flexbox

I found this article by Kenan Yusuf about being able to duplicate some of the flexbox properties with older techniques. It's a nice idea and he's done a great job at recreating these properties, but I think he's trying to solve a problem that doesn't need to be fixed.

Flexbox Without Flexbox

What do you think? Should we be working out how to continue creating websites for unsupported browsers or should we be encouraging people and businesses to upgrade?

Other Resources

Back to top

Learn how to code with Treehouse

  • Learn projects with access to 1000+ videos
  • Practice live with our Code Challenge Engine
  • Get help in our members-only forums

Start with a 7 day free trial


  1. Abdul says:

    I think one of the most frustrating issues in web design is IE standards. Originally, Chrome implanted background updates and then Firefox and other browsers followed. This eliminated the need by companies, people. Businesses, users as well as designers to worry about which version of the browser they are using and whether it is compatible with the website theme they are buying, implementing or browsing.

    Background (or constant) updates would definitely solve the IE issues for web designers, users and businesses especially due to its large share of users around the world. Until then web developers should only support browsers that are officially supported by their relevant companies and drop the support for legacy and older browsers (and maybe displaying a note encouraging users to upgrade).

Leave a Reply

Your email address will not be published. Required fields are marked *