Use Autoprefixer to add the vendor prefixes

Ref h5bp/html5-boilerplate#1682
    https://github.com/h5bp/html5-boilerplate/pull/1682#discussion_r26377139
    https://github.com/postcss/autoprefixer
    https://github.com/sindresorhus/gulp-autoprefixer

Close h5bp/html5-boilerplate#1682

gulpfile.js

@@ -103,8 +103,11 @@ gulp.task('copy:main.css', function () {
 
     return gulp.src(dirs.src + '/css/main.css')
                .pipe(plugins.header(banner))
+               .pipe(plugins.autoprefixer({
+                    browsers: ['last 2 versions', 'ie >= 8', '> 1%'],
+                    cascade: false
+               }))
                .pipe(gulp.dest(dirs.dist + '/css'));
-
 });
 
 gulp.task('copy:misc', function () {

package.json

@@ -5,6 +5,7 @@
     "del": "^1.1.1",
     "glob": "^5.0.1",
     "gulp": "^3.8.11",
+    "gulp-autoprefixer": "^2.1.0",
     "gulp-header": "^1.2.2",
     "gulp-jscs": "^1.4.0",
     "gulp-jshint": "^1.9.2",

src/css/main.css

@@ -22,11 +22,6 @@ html {
  * Customize the background color to match your design.
  */
 
-::-moz-selection {
-    background: #b3d4fc;
-    text-shadow: none;
-}
-
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
@@ -194,8 +189,6 @@ textarea {
 }
 
 @media print,
-       (-o-min-device-pixel-ratio: 5/4),
-       (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
 }