I have tried to use Prepros and one feature that I like is its image optimization. This feature reduces the byte size of of the image and this means faster web page loading. But Grunt is the workflow management I am using. Good thing is Grunt has this Imagemin plugin which can also optimize images (jpeg, png and gif). Lets take a look on how to setup and use this plugin to our workflow.
One of the nice thing about Compass is its smart way to auto generate sprite image. Lets take a quick look on using Compass to generate our project's sprite image need.
We will use this file structure to our project:
As of this writing, Bootstrap Drupal theme only supports LESS. This tutorial will show how to create bootstrap sub-theme supporting SASS and use Grunt to manage our workflow effectively. My operating system is Windows. Therefore, the shell commands, output, etc. that will be shown here are for Windows.
As web developer, we want to have separate development server which is always "ON" that we can use to test the functionality of our web codes or check our design layout on your actual different devices (desktop, tablet, mobile phone, etc.). Some prefer to use web hosting service and pay monthly or annually and others setup local machine at their home. I prefer the latter.