Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Autoprefixer
Lab: Part 3b – Doing More with Gulp
Video Runtime: 05:51
Next, you want to install and setup the autoprefixer package. The autoprefixer automatically handles the browser prefixing for you. No more having to specify all of the different prefixes for the browsers. Imagine the time that will save you. Seriously, you can just specify border-radius
, for example, and the autoprefixer node plugin will take care of prefixing all the different browsers.
In this video, I have you installing the wrong package, as I had you put this one in. Whoopsie. You don’t want gulp-autoprefixer
. Why? Because in the next episode, we are installing PostCSS. You need the one that works with it, which is this autoprefixer package.
To install it, type in npm install --save-dev autoprefixer
.
Once upon a time, there was a developer... You! This is going to be a good story...
Episodes
Total Lab Runtime: 01:10:42
- 1 Autoprefixerpro 05:51
- 2 Sourcemap and PostCSSpro 10:39
- 3 Media Query Packerpro 07:31
- 4 CSS Minify with Nanopro 14:28
- 5 Gulp Notifications & Error Handlingpro 09:26
- 6 Sass Lintingpro 11:28
- 7 Git & Additional Enhancementspro 11:19