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.
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.
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?
- Why You Should Stop Supporting IE10, IE9 and IE8
- Support for older versions of Internet Explorer ended
- IE8 is Going the Way of the Dodo, So Why Support a Dying Species?
Gain access to all tutorials
- Premium tutorials covering WordPress, Laravel and VueJS
- Download premium content
- Download premium WordPress plugins
- Only $5 a month
Join the weekly newsletter
Sign up for our newsletter. You'll be updated on new tutorials as they come available.