Archive for June, 2014

Learning Sass

Friday, June 27th, 2014

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.

Read the rest of this entry »

Posted in CSS, Sass | Tagged , , , , | Leave a comment

Grunt-Sass vs Grunt-Contrib-Sass

Tuesday, June 3rd, 2014

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.

Read the rest of this entry »

Posted in Productivity, Workflow Tools | Tagged , , , , | Leave a comment

Using Yeoman in your workflow

Sunday, June 1st, 2014

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).

Read the rest of this entry »

Posted in Productivity, Workflow Tools | Tagged , , , , , , , | Leave a comment