Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
CSS Minify with Nano
Lab: Part 3b – Doing More with Gulp
Video Runtime: 14:28
When you deliver your theme to your client for their live site, you will want to enqueue and use a minified stylesheet. Why? To speed up the web page’s loading, as the browser requests and downloads a smaller file. You will use a module called CSS Nano. There are a couple of different ones to use. In this episode, you will install and use the gulp-cssnano
.
Let’s walk through adding minification to our gulp tasks. You’ll also learn about the gulp sequencing order. And you will need the rename module too, to rename the minified file to style.min.css
.
Note: PostCSS has a CSS Nano plugin too, although I haven’t used it.
Don’t repeat yourself. Don’t repeat yourself. Don’t repeat yourself.
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