Learning Sass

What is Sass?

“Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.” – Sass

To install Sass, read the official Sass guide or if you’re trying to install Sass at your workplace and have issues due to your network firewall, read my previous blog post.

There are numerous ways to compile Sass. There’s the Command Line/Terminal or GUI’s such as Koala, Scout, Prepos and Codekit. Read the official Sass guide on the best way to compile your Sass to CSS.

Continue reading “Learning Sass”

Grunt-Sass vs Grunt-Contrib-Sass

I was interested to find out what the differences were between Grunt-Sass and Grunt-Contrib-Sass.

Following on from my previous blog post on “Using Yeoman in your workflow“, it was brought to my attention during the Yeoman install when the interactive prompt asked if I wanted to use Libsass to compile Sass.

Yeoman generator Libsass prompt

So I recently asked on Twitter and received the following tweets. Thanks to @sindresorhus for the explanation.

Continue reading “Grunt-Sass vs Grunt-Contrib-Sass”

Using Yeoman in your workflow

There are tonnes of web development tools to help front-end developers these days that it can start to become overwhelming. I know I was! (Not gonna lie!). So before we begin, I thought I would go through some of the steps of using Yeoman in my web development workflow.

First you’ll need to get a clear picture on what you’d like to achieve and what your end result will be. For me, I wanted to re-design an existing static website to make it responsive (more about RWD on a future blog post).

Continue reading “Using Yeoman in your workflow”