Smarter Way to Prefix: Autoprefixer

As front-end developers, it’s our responsibility to support different browsers and versions of those browsers. This is why our CSS must be prefixed, but often times it can make our code clunky if we don’t know which properties need prefixing. This is where Autoprefixer comes in handy. The autoprefixer uses data on the popularity of browsers and support for vendor prefixes by browsers. Based on this information, it arranges and deletes the prefixes. This only gives you the prefixes you need, and you can exclude outdated browser versions like IE8 & 9.

Autoprefixer also helps you work faster. If you developing the front end in Chrome, you don’t need to prefix and check every property in Firefox and Edge as you go. Simply copy/paste your CSS file into the autoprefixer, choose the versions of browsers you want to support, and you’re all done!

Try it out yourself: Autoprefixer