close icon
daily.dev platform

Discover more from daily.dev

Personalized news feed, dev communities and search, much better than whatโ€™s out there. Maybe ;)

Start reading - Free forever
Start reading - Free forever
Continue reading >

๐ŸŽ‰ Introducing Vim Key Bindings in Daily

๐ŸŽ‰ Introducing Vim Key Bindings in Daily
Author
Saqib Ameen
Related tags on daily.dev
toc
Table of contents
arrow-down

๐ŸŽฏ

Last year in November, we received this suggestion to introduce Vim like navigation in Daily. Considering the suggestions of the community members, we decided to give it a shot. After a few months of ideating and working, we are stocked to announce that they are now live in the Daily. ๐ŸŽ‰

โŒจ๏ธ Vim Key Bindings

We have introduced a subset of Vim key bindings in Daily. Below is the list of keybindings and their purpose in Vim.

  • h,j,k,l โ€” Navigate between posts (h - left. j - down, k - up, l - right). In insane (list) mode h,l do nothing.
  • b - Bookmark selected post.
  • / - Open and focus the search bar

When a post is focused it has the same effect as hover.

GIF or didn't happen!

Vim Key Bindings in Action

Look carefully at how the focus is being shifted from one post to another and how I bookmark the third post in the first row using the keybindings and finally perform a search without using the mouse.

โšก๏ธ Vim key bindings are available from v2.13.0 onwards. If Daily is not automatically updated, use this guide to update manually.

๐Ÿ‘จโ€๐Ÿ’ป Changing the Focus to Use Key Bindings

The main purpose of the key bindings is to allow the users to use Daily without using leaving their keyboard. Here's how the flow will ideally look like after these key bindings:

  1. Use ctrl+t to open a new tab.
  2. Use tab to shift the focus to Daily.
  3. Use the key bindings to start interacting with the Daily.

๐ŸŽ– Contributors

Daily is a completely open-source project. If you want, you can go ahead and start contributing.

As mentioned earlier, this idea was also suggested by a member of the Daily community via GitHub issues. Later on, a couple of more members advocated for this feature and a contributor volunteered to build this. ๐Ÿ™Œ

We would like to thank everyone who contributed to the idea and especially Lee Hansel Solevilla for actually building this feature. โ™ฅ

โšก๏ธ Wrap Up!

Daily is all about its developer community. If you have any idea/suggestion, feel free to create an issue. We would love to have you on board and help you build the feature. It's a great way to start contributing to the open-source.

๐Ÿ‘‰ For those who don't know about Daily. It's a browser extension that curates the best technical content for you from the web and serves in the new tab. We are helping over 40,000 devs save time every single day and become more productive.

Don't forget to follow us on Twitter for all the updates!

Why not level up your reading with

Stay up-to-date with the latest developer news every time you open a new tab.

Read more