What is Gulp.js? Gulp.js is a powerful task runner that automates repetitive development tasks like compiling SASS, minifying files, and optimizing assets. It's especially useful for web development workflows, including Drupal theming. Why Use Gulp.js for Drupal Themes? Gulp.js enhances productivity by automating tasks, speeding up the...
Sass is a well known framework of CSS. It's an efficient and reliable tool, which gives us great power to write CSS in precise way. Sometimes we (Front-end Developers) all wonder that we wouldn't be able to enjoy writing CSS. However, as soon as Sass came in our life, we discovered this was the way to go when working with CSS. Please...
Sass (Syntactically Awesome StyleSheets) program automatically compiles Sass files as CSS files. This is an extension of CSS. It allows us to use variables, nested values, mixin, inline imports etc. How to install Sass ? Step 1 - Download and Install Ruby gem (https://rubygems.org/). On a MAC machine, GEM comes pre-installed, so MAC...
While starting work on redesign of an existing site, I was suggested to give CSS preprocessors like Less/SCSS a try. I was thrilled by the features of SCSS and started woking on it and I would like to share my experience about writing media queries in SCSS with you guys. In SCSS, we can use if/else condition like any other...