I was chatting to a few developer friends last week & I realised just how handy the app ‘Alfred’ is for my front-end web development productivity.
Alfred is a lightweight app that runs in the background on your mac. You trigger it with a keyboard shortcut, which brings up a text input box. From here you can do all kinds of things really fast – like launch apps, search google, find files etc.
It’s is similar to spotlight that was improved in OS X Yosemite however I’m sticking with Alfred as it has many more features and it can easily be extended with custom workflows. There are hundreds of workflow’s online which you can find on GitHub, on the workflows forum, or on a third party theme & plugin directory Packal.
I upgraded to the paid version called Alfred Powerpack a couple of years ago for some premium features (which you’ll need for the workflows listed in this post).
Alfred Workflows I recommend for web developers:
- Can I Use
Lets you quickly check caniuse.com, selecting a result will take you directly to the page for that feature / css property.
Simply convert HEX and RGB color codes.
Easily search and navigate your downloaded Dash docs (incase you haven’t heard of Dash it’s an awesome app that gives you offline docs for heaps of coding languages).
- Flat UI Color Picker
Have a bunch of ‘Flat UI Colors’ at your fingertips.
- Font Awesome
Easily search over the font awesome icon set and easily insert that icon in the app you’re currently using.
Quickly perform DNS lookups to check A / MX records via dig.
- Encode / Decode
Easily encode or decode characters or strings.
Quickly navigate to GitHub users, repos, issues & more.
- GitHub (Alternative)
Another GitHub workflow, I use this one to easily search and create gists.
- Google Page Speed Insights
Shortcut to test a site’s performance with the awesome Google Page Speed Insights tool.
- IP Address
Quickly show (and copy) your Local or External IP address.
Open a URL using ‘ish’ a great tool from Brad Frost for testing a responsive design.
- Package Managers
Easily search the popular package mangers for plugins / components.
- Terminal Finder
Super useful – open current Finder window in Terminal/iTerm and vice versa.
- Time Zones
Quickly check time zones for clients in different cities around the world.
- Tower RepositoriesQuick access to any git repositories you may have in Tower.
Other Alfred Features that are handy for web developers
- Clipboard History – great if you need to copy / paste multiple items like login details & it has a search feature so you can find that thing you copied earlier.
- Snippets – your most useful / repetitive snippets of text can be a keyboard shortcut away.
- Calculator – see the results of your equation as you edit!
- 1Password integration – quickly open any of your 1Password bookmarks.
If you have found or created any workflows you’d like me to add to this list let me know via twitter.