Posts in tutorials

My iOS Screenshot Generation Workflow

Screenshots

Screenshots

I didn’t think that complaining about iOS status bars on The Prompt would result in Dr. Drang going on a vision quest to produce better screenshots with Python. But I’m glad that I took the time to point out my dislike for messy status bars, because it led the good Doctor to work on some great scripts to automate the entire process with Python, which are compatible with Pythonista for iOS.

I waited to share my workflow for automated screenshot cleaning/generation because I wanted to see where Dr. Drang would end up with his script, Cleanbar. Now that he appears to have settled on a solution that requires standalone image files to act as partial status bar replacements, I think it’s the right time for me to share how I produce iPhone and iPad screenshots for MacStories.

The first step is to set up Cleanbar. I don’t need to repeat what Dr. Drang already explained, but to sum up: grab a black status bar, crop it to get two files similar to Drang’s, then run a script to pack those images as strings. Once set up, you’ll be able to a) use Cleanbar to clean single images picked from the Camera Roll with Pythonista and b) integrate it as cleanbar in other scripts to clean status bars programmatically.

As for my needs:

  • I usually need to combine two iPhone screenshots side-by-side in a single image as you can see in most reviews on this site;
  • I may or may not need to clean their status bars;
  • I don’t have to combine iPad screenshots. I only need to resize them and I may or may not have to clean their status bars;
  • Occasionally, I want to produce a banner with three screenshots (like this one), which can have original or cleaned status bars;
  • Sometimes, I only need to clean one screenshot out of two;
  • I always need to upload the final image to a Dropbox folder, which is monitored by Hazel.

And, because I’m not an animal, I wanted to automate all of this. The scripts that you’ll find below are the result of late night tweaking and lots of tests; they probably aren’t the most elegant or “Pythonic” way to handle this kind of image generation, but they work for me and they make me save several minutes every day. I haven’t been generating review screenshots manually in months, and they’re more flexible than my old workflow based on Keyboard Maestro.

Read more

Save Photos As Reminders with Fantastical and Launch Center Pro

Fantastical and LCP

Fantastical and LCP

I recently realized that I wanted a way to quickly save photos or screenshots as todos, and being Fantastical 2 my todo manager (with Reminders) and Launch Center Pro the fastest way to take pictures and upload them to Dropbox, I combined them in two workflows.

I made two simple actions that mix the Launch Center Pro and Fantastical URL schemes to save a Dropbox image link as a reminder in Fantastical. You retain the ability to type natural language in a Launch Center Pro prompt, and Fantastical will also automatically recognize the URL and put it in the URL field of a reminder.

Some details worth noting about the actions:

  • The first one lets you take a new photo; the second one grabs any image from the Camera Roll;
  • Both actions will upload an image to Dropbox in the Photos/LCP/ folder; you can change this once you install the action;
  • Fantastical is set to create a reminder for the received text through the reminder=1 flag in the URL scheme.

Getting all the encoding right was a bit tricky at first, but the actions should work without any further configuration on your end. Feel free to modify them: with my basic structure in mind, you can replace Fantastical 2 with Drafts, Dispatch, or any other app that can receive text via URL scheme. I just find it handy to be able to quickly save photos in Fantastical as tappable links, but the workflow is really up to your imagination.

You can download the actions here:

My Photo Management Workflow, Early 2014

Photo Management Workflow, Early 2014

Photo Management Workflow, Early 2014

I listened to the latest episode of Mac Power Users, where David, Katie, and my friend Bradley discussed their photo management workflows, the limitations of iPhoto and iCloud, and shared some tips on how to get the most of modern third-party photo services and Apple’s Photo Stream. It’s a great episode and a solid complement to our photo management episode on The Prompt, always with Bradley (he’s the photo management guru these days, having written a book on the topic). For both follow-up reasons and because it’s the new year and hence a good moment to re-evaluate how technology is supposed to be working for us, I thought I’d give an update on my photo management workflow.

Read more

Simulating Multiple Cursors in Editorial

Editorial

Editorial

When I’m writing with Editorial or Byword, I miss the multiple cursors feature of Sublime Text. Seemingly an extra geeky addition with no practical utility, multiple cursors had become part of my editing workflow as they allowed me to select multiple positions in a document and act on them at once. For example, I could select multiple lines and prefix them with an asterisk to turn them into a Markdown list, or select multiple instances of a word and modify them with a single keystroke without using Find/Replace or other hacks. The feature was built into Sublime and it was great. So of course I made a workflow for Editorial.

Because it’s the end of the year and I’m feeling festive and thankful, I’m posting two workflows to simulate multiple cursors in Editorial. The first one allows you to save selections for multiple bits of non-contiguous text at once and, when you’re done, wrap them inside any character(s); it’s useful if you want to make multiple words bold/italic, or if you want to enclose them inside parentheses. The second workflow lets you add inline Markdown links for each selection, fetching a webpage URL from the Editorial browser. Read more

Getting App Prices with Editorial

Editorial workflow

Editorial workflow

When I write on my iPad mini, I often need to look up and reference price of apps that I already own. That’s a surprisingly hard thing to do on an iOS device, so I decided to remove the annoyance caused by this problem with an Editorial workflow. I call it “Get App Price”.

If you own an app, searching for it in the iOS 7 App Store won’t show you the price information alongside the app’s icon and description – you’ll only get an Open or Install button. Unlike the Mac App Store, there is no separate pricing field in the app information at the bottom of the screen, which usually forces me to go to a developer’s website to find out what the price of an app is.1 There wouldn’t be any problem if Apple allowed Safari to open iTunes web previews without redirecting them straight to the App Store, which is what they do on OS X. I have tried to force Safari to open web previews, and I even downloaded browsers that can set a modified user agent string to trick iOS into thinking they’re desktop web browsers worthy of a web preview – eventually, the App Store app always opened, displaying no price.

I set out to create a simple workflow to fetch an app’s title and price directly from iTunes with no clipboard import or other middleman. I later found out that you can tap on the “Related” tab in the App Store or gift an app to view its price, but I had already created a workflow that’s faster than opening the App Store and tapping a bunch of buttons just to get a price. I’m a free man, and I deserve my own App Store lookup solution.2

Read more

A List of New iOS 7 Keyboard Shortcuts

With iOS 7, Apple has introduced the possibility for third-party developers to support custom shortcuts with external (Bluetooth) keyboards in their apps. Keyboard shortcuts, longtime favorites of OS X power users, can now be enabled in iOS apps and, in the past few months, we’ve seen some notable examples such as OmniOutliner by The Omni Group adding support for this feature.1

Apple itself has been experimenting with keyboard shortcuts in built-in iOS 7 apps, and I thought I’d provide a list of the ones that I’ve found to be working on iOS 7.0.3 with my iPad mini and a Logitech tablet keyboard due to the lack of official documentation. This list was inspired by Rui Carmo, who first found out about keyboard shortcuts in Safari for iOS 7. Since Rui’s post (and my link to it), the issues with the Logitech keyboard that he described have been fixed (the Spotlight key works on iOS 7.0.3) and I’ve collected some new shortcuts.

Right now, new keyboard shortcuts have only been added to Safari, Mail, and Pages in a very limited fashion. While they are consistent with their OS X counterparts, Apple has only brought a few of the Mac’s shortcuts to its iOS 7 apps, leaving other apps like Messages or Reminders without shortcut support. It’s likely that, with time, Apple will bring more shortcuts to Safari, Mail, and other stock apps. I couldn’t find official documentation on Apple’s website and I’ve tested every possible shortcut with a simple trial and error procedure on my iPad.

I will update this list regularly as Apple adds more keyboard shortcuts to its iOS apps. If you have discovered other keyboard shortcuts that are new to iOS 7 and haven’t been mentioned here, please ping me on Twitter or send me an email.

Update 11/11: New shortcuts added thanks to Steven Troughton-Smith.

Read more

Tweetbot Workflow: Upload and Share Dropbox Text Files

Tweetbot workflow

Tweetbot workflow

In Tweetbot 3, Tapbots removed the ability to post tweets longer than 140 characters using built-in services for text upload. While I understand that it wasn’t one of Tweetbot’s most used features, its removal got me thinking: would it be possible to replicate the feature using Dropbox and plain text files in an automated iOS workflow? I came up with a solution that requires Launch Center Pro and Drafts, and I’m quite happy with it.

Read more