Build Tools

SCSS: differences between mixins, extends and placeholders

I used LESS a lot. These days I decided to try SCSS and to be honest it's a better choice for CSS pre-processor. It just gives me more functionalities and [...]

Getting Started with Command-Line Interfaces

As developers, we have lots of exciting tools at our disposal. For CSS work, we can use preprocessors like Sass and Less to improve our workflow. For [...]

How to Install Node.js

Many powerful open source projects have Node.js as a dependency, so often times you’ll need to set it up on your web server. But what if you wanted to [...]

Why we should stop using Grunt & Gulp

If you're building a modern JavaScript application or website, there's a good chance you've seen the JavaScript Build Tool Landscape. The heavyweights of this [...]

How to Use npm as a Build Tool

Last month I noted my opinions on why we should stop using Grunt, Gulp et al. I suggested we should start using npm instead. npm's scripts directive can do [...]

Configuring Grunt To Use LibSass With Susy

Every developer I know has been eagerly awaiting to use LibSass in their development process. When Eric announced that Susy is now compatible with LibSass, I [...]

Task automation with npm run

There are some fancy tools for doing build automation on javascript projects that I've never felt the appeal of because the lesser-known npm run command has [...]

How To Neatly Separate Grunt Files

I recently had a Gruntfile.js containing more than 500 lines of configuration code. It had grown to a point where I was reluctant to even open the file, let [...]

Grunt vs Gulp: Which One Should You Use?

Nobody likes doing boring and repetitive tasks. The good news is we can probably make our computer do them for us. When it comes to web development build [...]

An Overview of a Development Workflow

A good workflow is crucial for development because it saves time. We know this, and yet we constantly procrastinate this important task. We can’t blame [...]