Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Should I remove vendor prefixes?

I have a website which I support as far as IE8, no further.

When I first launched the site, I decided to use CSS vendor prefixes for CSSs elements such as border-radius, box-shadow etc. I did this from a complete noob standpoint.

However, is a better approach not to use them and simply let browsers catch up rather than patch up for the sake of uniformity?

like image 406
dotnetnoob Avatar asked Oct 17 '13 07:10

dotnetnoob


People also ask

Do I still need to use vendor prefixes?

Yes, and there will always be, as it's kind of an industry standard that vendors use their prefix on newly drafted properties/methods until those become a standard.

What are vendor prefixes used for?

CSS vendor prefixes, also sometimes known as or CSS browser prefixes, are a way for browser makers to add support for new CSS features before those features are fully supported in all browsers.

What is vendor prefixed?

A vendor prefix is a special prefix that is added to a CSS property. Each rendering engine has its own prefix which will only apply the property to that particular browser. The vendor prefix is supported by the following browsers: Internet Explorer: -ms-


1 Answers

No, you shouldn't remove all of them, however you may as well remove the ones which are no longer required.

How can I find out which prefixes are no longer required?

Can I use... is a great resource for checking browser support for various CSS, HTML and JavaScript features. If you perform a search for box-sizing, for instance, it will tell you that all modern browsers have partial support for this and that Firefox requires the -moz- prefix. You can also view all of the CSS support tables on just one page here.

How can I clarify that the prefixes are no longer required?

There are a couple of online resources which display information about browser usage. An example of this is StatCounter. StatCounter offers browser version statistics which can be filtered on time. If we look at the last 3 months, we can guestimate that we should still aim to support Firefox 20+, Chrome 25+, IE 8+ and Safari 5.1+.

like image 189
James Donnelly Avatar answered Sep 28 '22 01:09

James Donnelly