Published at
Updated at
Reading time
1min
This post is part of my Today I learned series in which I share all my web development learnings.

My friend Christian and I have been in "slide production mode" the last few days. He shared A macOS trick with me that totally blew my mind.

Personally, I like to take application screenshots to include these in presentations or articles. And I prefer it when windows have a proper shadow.

What I did so far to e.g. take a screenshot of my terminal was:

  • open an app with a white background
  • place terminal over white area
  • take a screenshot with CMD+Shift+4

As it turns out, this exact functionality is built into macOS.

After enabling the screenshot mode with CMD+Shift+4, press space and pick a window to screenshot it on a transparent background with a proper shadow.

I don't want to say that this is world changing, but this improves my workflow drastically. 🎉

Here's a quick recording of this functionality.

Quick window screenshot on macOS

I take many screenshots and manage to not litter my desktop or system. How? Here are more screenshot configurations.

If you enjoyed this article...

Join 5.4k readers and learn something new every week with Web Weekly.

Web Weekly — Your friendly Web Dev newsletter
Reply to this post and share your thoughts via good old email.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles