Automating Tasks with Grunt.js

I’ve recently started using Grunt.js (JavaScript Task runner) to take care of automating tasks in my Web development Workflow. One I’ve started doing recently is setting up Grunt.js to compile Sass files to Css files automatically. Today I found a great article on how to accomplish this from SitePoint. It’s a great article and be sure to check it out if you’re using Grunt.js in your workflow.

 

 

Software Tricks I find Useful

I have a never ending list of useful  shortcuts, tips, and tricks I use a lot. Today I wanted to share a couple of useful tips & shortcuts I find useful.

 

In Sublime Text

Wrap Text in a Tag
To wrap selected text in a tag, just hit Ctrl-Shift-W and type your tag.

Sublime Text 3 CheatSheet
http://www.cheatography.com/martinprins/cheat-sheets/sublime-text-3-osx/

In Photoshop

Zoom Document  to 100%
Cmd + 1 zooms the document to 100%

Change Brush Size Quickly: By http://photoshopsecrets.tumblr.com/
On a Mac, select the Brush tool, hold ctrl + alt, then click and drag up and down to change hardness and left and right to change size.
You can also press [ and ] to change size, and shift + [ and ] to change hardness.

Duplicate Layer by http://photoshopsecrets.tumblr.com/
? + up/down/left/right arrows duplicate the selected layer 1px in that direction.

A Handy Color App

I just found this app http://eyedrop.me just a couple of days ago. It’s a handy app for the iPhone and iPad. It’s a color app that allows you to capture color from Websites, and images. What’s super neat about this it connects with Photoshop to allow you instant access to the color swatches you create.

 

Full List of features via Dribbble Post

What it does:
? Pulls colors from any website’s stylesheet
? Pulls colors from images
? Lets you edit RGB values and save
? Lets you send swatches to your Photoshop with a single tap
? Lets you send swatches to your friends via email as ASE attachments
? Keeps history of websites and images you eyedropped
? Pleases your eyes with a mix of skeuomorphic and simplistic design elements