How to start PostCSS with Gulp

PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more. PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. Following are the steps to start PostCSS with Gulp

– Download and install Node.js from “”
– Create a project directory for source. like: “PostCSS”
– Navigate “cmd” to that same path
– Initiate NPM. Command line: “npm init”
– Install Gulp. Command line: “npm install –save-dev gulp” (Package in NPM)
– Create gulpfile.js and some project files
– Install gulp PostCSS. Command line: “npm install –save-dev gulp-postcss (Package in NPM)
– Install csswring. Command line: “npm install –save-dev csswring” (Package in NPM)
– All are to set. It’s time to build PostCSS. Command line: “gulp styles”

Demo project is in the attached.

Github link, PostCSS Plugins, Video link for the new leaner of PostCSS


Bootstrap v4 final soon!

Bootstrap 4
Bootstrap 4

A great note from:

“After Beta 3, we’re hoping to quickly move into a final v4 release. Ideally, it’ll also be a smoother and more focused release than the Alpha 6 to Beta 1 move. We heard from a lot of you that the delta between those two releases was too great.”


Use Bootstrap Grid system only

If you are ignoring Awesome Bootstarp framework for it’s huge CSS classes then it is really sad 😦 But anyway, I come up here with the most important part of Bootstarp which is GRID system. I separated only grid scss files and compile it with Compass. Now you can use Bootstrap grid only. I hope it will help you sometimes.


You can continue compile with Compass…
How to compile SASS to CSS in Compass