Keyboard Shortcuts Every Web Professional Should Know

Eli Fatsi, Former Development Director

Article Category: #Process

Posted on

Do you use a Mac every day? Learn these keyboard shortcuts to speed up your workflow.

Do you use a Mac computer every day you come to work? Do you prefer to do things quickly instead of doing things slowly (on your computer)?

Yes? Then I have the tip of a lifetime for you - stop using your mouse. Sometimes it's unavoidable, but committing a handful of keyboard shortcuts to memory can really speed things up, and also prevent Repetitive Strain Injury.

Note: I'm going to use the letters cmd to represent the command key, the one with the ⌘ on it near your space bar.

The Must Haves #

Navigating between Apps

cmd-tab

Activate the application switcher with cmd-tab, which has all of your open apps ready for quick switching. Use this always.

Opening, Closing and Quiting Apps

cmd-space, cmd-w, cmd-q

Open applications with cmd-space, which opens the built-in Spotlight Search. Type in the name of what you want to open (or just the first couple letters) to find what you need. cmd-w will close whatever you are looking at, while cmd-q will quit the application entirely.

Bonus: use Alfred for even more cmd-space shortcuts.

Navigating between Tabs

cmd-alt-left/right, cmd-1 through cmd-9

Highly recommended if you use the internet. cmd-alt-left/right will switch to the previous or next tab in Chrome and Firefox (cmd-shift-[/] in Safari). Try it now and never need your mouse to switch tabs again!

For all you sharpshooter tab navigators out there, you can hit cmd-1, cmd-2, cmd-... to navigate to the 1st, 2nd, 3rd... tab.

Bonus: cmd-9 will often navigate to the right-most tab regardless of it's number.

Opening, Closing, and Reopening Tabs

cmd-t, cmd-w, cmd-shift-t

Also super useful for internet-ing: cmd-t will open a new tab, cmd-w will close the current tab, and cmd-shift-t will reopen the last closed tabs.

Bonus: cmd-shift-w closes all tabs in the current window. You can click cmd-shift-t over and over to keep opening through your history of closed tabs.

Copy, Paste, Cut, Select All

cmd-x, cmd-c, cmd-v, cmd-a

Total must haves for typing. Never type that really long sentence or URL again, instead copy selected text with cmd-c and paste with cmd-v.

If you need to move a bit of text from one place to another, cut it (copy and delete simultaneously) with cmd-x and paste it where you need it.

And if you just want to delete everything and start over, cmd-a will select all text in view, ripe for a swift delete.

History Lesson: cmd-p has always been reserved for Print. Sorry Paste.

Undo, Redo

cmd-z, cmd-shift-z

Accidentally just deleted an entire email you've been working on all morning? cmd-z will undo your latest action. cmd-shift-z will undo your last undo!

Navigating through Text

alt-left/right, cmd-left/right, cmd-up/down

Also incredibly handy for typing. Typically, alt-left/right will jump your cursor around words, while cmd-left/right will fly all the way to the beginning or end of a line, and cmd-up/down all the way to the top or bottom of whatever you're typing in.

Bonus: Combine any of these shortcuts with the shift key and you'll select the text that you're flying over.

EXTRA Bonus: You can use alt and cmd with the delete key to delete entire words or entire lines with one keystroke.

The Nice To Haves #

Focus On The URL Bar

cmd-l

This one just missed the Must Haves list. If you're viewing a web page, you can click cmd-l to instantly focus on (and highlight the contents of) the URL bar. Very handy for quickly switching to Instagram when Facebook becomes boring, and other important work things.

Tidbit: I literally remember the day my life was changed when I learned this. Thanks Pat.

Refresh a Web Page

cmd-r

Don't bother aiming your mouse at the little roundy-arrow, cmd-r will trigger a page refresh.

Bonus: cmd-shift-r will reload the page and clear the browser's cache of any downloaded assets (images, javascript files, etc.).

Screenshots

cmd-shift-3, cmd-shift-4

Capture your entire screen with cmd-shift-3, or use cmd-shift-4 to draw a box around just the things you want to screenshot.

Bonus: After clicking cmd-shift-4, tap space to take a screenshot of a specific application window. And hold space after you've dragged out a box to move the box around to make it just right.

Forward Delete

fn-delete

If you're using the default (small) Mac keyboard, there's only one key for deleting text, and it goes backwards. Delete text in front of your cursor with fn-delete.

Hiding, Minimizing, Full-screening Apps

cmd-h, cmd-m, cmd-ctrl-f

Hide the app window you're looking at with cmd-h. Minimize it with cmd-m, and blow it up to full screen with cmd-ctrl-f.

Bonus: Hide all other application windows with cmd-option-h.

Navigating within Apps

cmd-squiggly (AKA cmd-tilde or cmd-~)

Handy to know at times. cmd-squiggly will switch between open windows of the same application. So if you have 3 Chrome windows open, you can quickly switch to the work email one when your boss walks by without fumbling for your mouse.

Force Quit

cmd-alt-esc

After a long day of working hard, your email client occasionally decides to show you a beach ball indefinitely instead of your mail. Open up the Force Quit Menu with cmd-alt-esc to shut it down with some Force.

Advice: Use your left thumb to hit both the cmd and alt keys so it's easy to reach the esc key.

Going Custom #

There is a Shortcuts Tab in the Keyboard section of System Preferences. If all of these shortcuts aren't enough for you, you can add App Shortcuts entries there to trigger any available option from an application's menu.

image


Did I miss anything vital? Did I just improve your life dramatically? Let me know in the comments below.

Related Articles