Gulp
5 articles
Configuring Stylus CSS Pre-Processor with Gulp and Sourcemaps
In this article we'll go over how to configure your project to process Stylus files using Gulp. We'll also create source map file which your browser will use to help point you in the right direction of your files when developing
Configuring Gulp With Less CSS Pre-Processor
Less is a CSS pre-processor allowing you to create variables, mixins, and functions in an effort to make your CSS more maintainable.
Using Browser Sync with Gulp for Live Reloading
Browser Sync is a nice tool to use while developing. It allows your browser to reload live when changes are made to your files. For instance, assuming we're watching our CSS file for changes we can have the browser auto refresh/sync when it sees those changes made.
Gulp Watch: Automate Your Gulp Tasks
Gulp watch is perfect for when you're editing project files since it allows you to not have to run the gulp command manually each time.
Configuring Gulp On A New Project
Gulp may seem like a scary thing to wrap your head around at first, but it's actually quite easy to start using once you understand the basics.