iOS11 Screen Recording (for bug reports)

iOS11 is out and it supports native in-device screen recording! I’m a huge fan of attaching screen recordings to bug reports (they capture flow!), whether that be animated gifs or videos, and until now to do this on iOS required plugging your iDevice into your Mac via USB and using QuickTime to record the screen. Alas no longer, it’s now easy to do so via control centre!

Here’s a screen recording (no audio), recorded on my iPhone no less, that shows you how 😊

Protip: force touch the screen recording button to enable/disable microphone for narration

Protip #2: use the in built video editor to trim the start and end

Animated GIFs on Bug Reports

Sometimes the simplest solution is the best solution.

I like the idea of attaching screen recordings to bug reports to demonstrate an issue as they  provide more context than just a single static screenshot or a series of screenshots.

In the past I have used QuickTime on Mac OSX to record a video file and attach that, but attaching/hosting/streaming video files is quite complicated for bug reports. At Automattic I have noticed people attaching animated GIFs instead: why didn’t I think of that?!?

There’s a really cool, yet oddly named, open source tool to capture screen recordings as animated GIFs: LICEcap. It works on Mac and Windows and allows you to easily choose a section of your screen, record it and save it as a GIF.

Here’s a quick recording of how to use LICEcap I just made (LICEcap recording LICEcap – how meta):

licecap demo

The best part is it’s so easy to attach the GIF to a Github issue, or a blog post, or in a Slack chat, and it’s instantly viewable by pretty much anyone.

Simplicity FTW.