About The Author

Zeno Rocha is the author of some cool open source projects like Browser Diet, jQuery Boilerplate and Wormz, a HTML5 Chrome Experiment. He used to work as a … More about Zeno

Hidden Productivity Secrets With Alfred

Quick Summary

Good developers are always looking for ways to be faster and to automate their workflows. Today, we present a series of workflows in Alfred that will boost your productivity and rock your world.

Table of Contents
Membership counter

Members support Smashing

Wonderful, friendly people who keep this lil' site alive — and get smarter every day.

Are you smashing, too? →

Good developers are always looking for ways to be faster and to automate their workflows. Today, we present a series of workflows in Alfred that will boost your productivity and rock your world.

What Is Alfred?

For those who don’t know, Alfred is an award-winning Mac OS X app that saves time when you search for files online or on your machine. The new version 2 brings a series of improvements and, with the Powerpack, enables you to create your own workflows.

Below you’ll find a curated list of workflows that will change the way you work.

Open With Sublime Text

One of my favorite features in Alfred is its powerful file and folder search capability. What if we take advantage of this to open files and folders in our favorite code editor — say, Sublime Text 3?

Looking for another code editor? See the “Extras” wiki.

Can I Use… Workflow

In this era of HTML5, you need to check for browser support before implementing certain CSS properties and JavaScript APIs. You could do it by opening a browser tab, navigating to Can I Use…, searching for a keyword and then checking for browser support. Or you could use this Alfred workflow.

alfred-caniuse-opt

Dash Workflow

No one knows everything about a given programming language or framework. We occasionally need to check how to use a particular method. Recently, I found an amazing app, Dash, that looks up documentation for different APIs locally, no Internet connection needed. With this workflow, you can search Dash by filtering the keyword for each language. Note that Dash is a free external application, so make sure to download it before using this workflow.

  • Dash Workflow, developed by @willfarrell
  • Download
  • Triggers: dash, html, css, js, jquery, jqueryui, angularjs, bootstrap, svg, nodejs, php, redis, mysql, man, cpp, sass, compass, backbone, underscore, wordpress, drupal, django, python, python2, elisp, android, yui, ruby, rails, gem

alfred-dash-bs-opt

alfred-dash-js-opt

Terminal Finder

Some operations we prefer to do in the terminal, others in Finder. This workflow switches between them smoothly. Open the current Finder window in Terminal or iTerm, and vice versa.

alfred-fi-opt

alfred-tf-opt.png

Package Managers Workflow

Reusing code is an important part of software development, and these days we have a lot of solutions to distribute our code and to search for third-party packages. Need a Node.js module? Need a Grunt task? With this workflow, you can look up plugins and components for your favorite package managers in one place, quickly.

alfred-pkg-bower-opt

alfred-pkg-grunt-opt

alfred-pkg-npm-opt

Colors

Stop opening Photoshop every time you want to convert a color format. Convert HEX, RGB and HSL colors easily with this workflow.

alfred-colors-opt

Jenkins Workflow

Unit testing is great, but running a test manually every time you change a line of code is crazy. To get a more complete picture of code quality, we need to run more tests, or at least automate the ones that we already run. That’s why continuous integration systems are so important. With this workflow, you can list Jenkins jobs and see their status.

alfred-jenkins-opt

Open in FileZilla

FTP is still the most popular way to transfer files to a Web server. Here’s a workflow to help you connect through FileZilla. Note that FileZilla is a free external application, so make sure to download it before using this workflow.

Looking for another FTP client? See the “Extras” wiki.

alfred-fz-opt

Domainr Workflow

Don’t miss another cool domain name. Find domains quickly using Domainr’s API.

alfred-domain-opt

Encode / Decode

Occasionally, we need to convert UTF-8 characters into HTML entities, or decode a URL. No need to waste time with those little things anymore. Transform query strings in base64, HTML, URL and UTF-8 with Encode / Decode.

687474703a2f2f662e636c2e6c792f6974656d732f324a336d3147314-e34363035304930453077336e2f616c667265642d656e636f64652e706e67-opt

Font Awesome Workflow

Font icons are great. Just type something like <i class=“my-icon-name”></i>, and there you have it. The problem is, we keep forgetting the exact class name of the icon we want, so we have to check for it in the documentation. Not anymore. Now we can search through Font Awesome’s icon set with this workflow.

alfred-fonta-opt

Source Tree Workflow

Some people prefer the terminal for Git commands, while others prefer a GUI. If you’re in the latter group, then the Source Tree workflow will help you list, search and open Git repositories. Note that Source Tree is a free external application, so make sure to download it before using this workflow.

Looking for another Git client? See the “Extras” wiki.

alfred-st1-opt

GitHub Workflow

If your favorite social network is GitHub, then you might want to check this one out. Easily open GitHub repositories and more in the browser.

alfred-gh-1-opt

alfred-gh-2-opt

alfred-gh-3-opt

StackOverflow Workflow

Seek computer programming answers, including from StackOverflow, right in Alfred.

alfred-st-opt.png

TimeZones Workflow

Nowadays, most of us work with teams distributed across the world. I try not to bother my coworkers outside of working hours; so, before pinging them, I always check the time in their country. This workflow is just perfect for that. Get a list of the current time in various cities around the world instantly.

alfred-tz-opt

VirtualBox Control

Unfortunately, cross-browser compatibility is still a problem for developers. There’s no escaping it — you need to test that your website runs fine in different browsers and on different operation systems. One popular way to do this is to use a virtual machine, such as VirtualBox, that simulates other operating systems. Note that VirtualBox is a free external application, so make sure to download it before using this workflow.

Looking for another virtual machine client? See the “Extras” wiki.

alfred-vb-1-opt

alfred-vb-2-opt

Create Your Own!

All of these workflows are awesome and will be pretty useful for a lot of people. But each one of us works in a different way; so, go ahead create your own workflow. It’s pretty simple. To encourage you, let’s see how to create a workflow to automate searches on Smashing Magazine in less than 10 seconds.

custom-alfred

Want More?

Check out my collection of Alfred workflows on GitHub.

Plenty of more workflows can be found in the official Alfred forums.

The End?

There you have it! A collection of great tricks to automate your work. Hopefully, some will speed up your workflow. Maybe they will even inspire you to share some of your hidden secrets of productivity.

If your favorite workflow isn’t on this list, please share it with us in the comments section below. Have any of the above changed your life? If so, let us know how!

Smashing Editorial (al, il, ea)