The -prefix-free library

The -prefix-free library developed by Lea Verou is a small JavaScript library that runs client-side in your browser. The -prefix-free library lets you use only unprefixed CSS properties everywhere.

Getting ready

For this recipe, you only need a web browser.

How to do it...

Perform the following steps to see the -prefix-free JavaScript library in action:

1. Download the -prefix-free library at http://leaverou.github.io/prefixfree/.

2. Create an index.html HTML file, which includes a CSS stylesheet file with some standard unprefixed CSS3 properties. For instance, this CSS stylesheet file may contain the following CSS code:

   .columns {
     column-count: 3;
     column-gap: 15px; } 

3. Include the prefixfree.min.js minified JavaScript file you have downloaded in the first step right after the stylesheets that you have included in the second step.

4. Finally, a section of your index.html HTML file should look like that shown here:

     <link rel="stylesheet" type="text/css" href="main.css" /&gt...