As a designer, it probably comes as no surprise that I’m sort of an Apple fanboy. OS X is way more usable (and stable) than Windows in my experience, but I’ve always thought it was hard to wrangle (resize, reposition) windows. I don’t really like going into fullscreen mode via the circular green button in the corner and clicking / dragging to resize windows is cumbersome.
A couple of years ago, I started looking into various window management solutions (there are a lot out there from what I can tell), and eventually landed on Slate due to its customizability. It’s a little more complicated to configure than others (via a .js file as opposed to a GUI), but well worth it.
Here’s how to get started with Slate:
Step 1: Download and Install
Step 2: Customize
I set up up Slate with five discrete actions and made each of those a function:
And each of those five actions are triggered by various keystrokes defined here:
In the end, I’m able to manipulate windows using three shortcuts:
⌥ ⌘ F
This shortcuts makes the active window take up the full screen width / height. I use this constantly.
⌥ ⌘ ←
This shortcut makes the active window take up the left half of the screen. If I press it again within 1 second, it will make the window two-thirds the width of the screen (which is good for making webpages with full-width text more readable).
⌥ ⌘ →
Simliar to the previous shortcut, this one makes the active window half the screen width but pushes it to the right. Double-tapping it makes the window two-thirds width.
Here’s my full slate.js file if you want to use it or just need a template to get started. (Note: You’ll have to add a period before the filename before adding it to your home directory)
For more configuration documentation, check out the Slate GitHub page.
Comment below if you have questions about my set up or want to share yours.