Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
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.
There’s a time to code and …. yup, that sums it up.
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