Navigate the Web with Vim Keybindings hero

Navigate the Web with Vim Keybindings

Productivity

I have been using a tool for probably over a year now that helps let’s me navigate the web with Vim. It’s a simple chrome extension called Vimium, it can also be found be installed on Firefox or Safari. The tools makes my transition from my code editor (which is currently vscode) and the web a breeze. I’m able to open and close tabs, navigation through a website, and more using Vim’s single keyboard commands.

Vimium Commands

Here are all of the commands:

Vimium help screen

Here are some of the commands I use the most everyday:

  • gg/G - the quickest way to get to the top and bottom of any page.
  • x - close a tab with one keystroke.
  • t - create a new tab.
  • d/u - go up and down the page. You’ll find this similar to the ctrl-d and ctrl-u in Vim (just without a modifier key!)

One of my favorite features is the “f” commands for opening links, it gives you a visual buffer for all of the visible links on the page:

Vimium f command

I used to use a similar plugin in my old code editor called Jumpy. For me, it’s a really easy way to keep from having to use the mouse so much on the web.

Final Thoughts

Overall I feel lost if Vimium is missing. It’s just so easy to run around the browser. I’d definitely recommend it to a skilled Vim user and if you’re up for the challenge I think non-vim users would find it useful as well.

Of course like any tool, it took me awhile to get used to some of the commands (as they differ from standard Vim), but once I got used to them, I found this tool a great way to navigate the web with vim.

Here are some final points I’d give about using this tool:

  • Don’t try to learn all the commands at once.
  • Start with just a couple of commands.
  • Regularly review the help panel (by typing ”?”) to refresh your memory.
  • Disable Vimium on websites that have their own keyboard shortcuts (Trello is a good example).
  • Practice your Vim! I think Vim is a great tool that is helpful on and off the web.
  • Mix and match shorcuts - I personally still use cmd-t and cmd-shift-] all the time. I don’t think Vimium needs to replace those shortcuts, it just gives you more options and opportunities to move around quicker on Chrome.
  • Do what feels right - if you don’t like Vimium or find it killing your productivity, drop it.

I hope this tool to navigate the web with Vim can help you in some of the ways it’s helped me.

Download the Chrome Extension - Vimium

Sign-Up for New Posts

Stay in the loop and get the latest blog posts about productivity sent to your inbox.

man sitting at desk in front of a landscape of rivers leading to a mountain range

Dev Workflow Intro

Your guide to creating a powerful and intuitive development workflow in the terminal.

The terminal is a powerful tool for developers, but it can be overwhelming to know where to start. This guide will help you create a powerful development environment in the terminal. Here are some of the things you'll learn.

  • Install packages and keep them up-to-date
  • Design a minimalist, distraction-free, user-interface
  • Use familiar keyboard shortcuts
  • Manage multiple projects with ease
  • Integrate with Git and GitHub
Get Started