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