Productivity, Workflow Tools

Grunt Boilerplate

What is Grunt? Grunt is a JavaScript Task Runner.

As written on Grunt JS

Why use a task runner?
In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you’ve configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.”

Continue reading

Standard
Productivity, Workflow Tools

How to Open Sublime Text from Mac OS X Terminal

It was brought to my attention that you can open Sublime Text via Terminal whilst watching a screencast by @James Stone on “Getting Sassy with ZURB Foundation 5 (Sass/Scss)” by typing:

subl .

Now I know what you’re thinking, well this isn’t new, you’re telling me that you can open files too?! (Duh) anyway I was on the hunt to find out how to ‘configure your bash profile etc’ but for starters, my hidden files were… hidden and therefore I couldn’t locate my ‘bash profile’.

To show your hidden files on a Mac, follow this post: “Quickly Show/Hide Hidden Files on Mac OS X Mavericks” by @Ian Lunn

So I finally came across this post by @thatpatrickguy on “Running Sublime Text from your OS X terminal” and it worked, YAY!

Update (21st November, 2018)
These days, I’ve been using Alfred. Just a note that the default key combo (Cmd + Spacebar) is set to open Spotlight so you’ll need to re-assign this shortcut (if you want to replace Spotlight with Alfred). Once that’s done, open Alfred then enter <code>Sublime</code> and you should see the application to select.

Accessing Sublime Text via Alfred
Standard
Sass, Workflow Tools

Sass, Command Line and a Firewall

After a year off from work (I was on maternity leave) I’m finally getting a chance to catch up on what I’ve missed from the Web Development community. One of which is CSS Preprocessors which has been around for a few years now. I won’t go into the details to describe what it is so I’ve listed a few popular and most used CSS Preprocessors.

After reading about CSS Preprocessors I’ve decided to explore and experiment with Sass based on these reasons:

“Sass makes it easier to write less CSS codes and manipulate them dynamically. It’s a great way to write more functional CSS codes and can speed up the workflow of every web developer and designer” – from 1st Web Designer

“It’s a way to simplify your CSS workflow, making development and maintenance tasks easier. For instance, have you ever had to do a find-and-replace in your stylesheet to change a particular HEX color for a particular indecisive client? Or had to open up the calculator app to figure out a column width in a multi-column design? Sass introduces new concepts such as variables, mixins, nestings and selector inheritance” – from Treehouse Blog

Continue reading

Standard