DEV Community

Cover image for Use Dev.to, Gmail, Github without a mouse 🚫🐭
Andres Gutierrez
Andres Gutierrez

Posted on

Use Dev.to, Gmail, Github without a mouse 🚫🐭

Hi there! We created an open source framework for Ctrl + F that selects buttons on the page vs. only text and lets you press enter to navigate to them. It's open source and it lets you navigate tools like Gmail, Github, and yes, even tools like Dev.to without touching your mouse!


YipYip

image

YipYip is an always-on search assitant that turns Gmail (and any other website) into a keyboard-first product.

Just type to search.

YipYip highlights any buttons or links in the page matching your search.

Press Tab to jump through the matches.

Press Enter to select the current match.

Voila!

Video Demo: https://www.youtube.com/watch?v=87tqknjluKU

Extension store listings

Google Chrome Extension
Edge Add-On (Coming Soon)
Firefox Extension (Coming Soon)

How it works

When a user types in the YipYip search bar on a webpage, YipYip recursively scans through the webpage's DOM node tree to find all nodes which match the users query. Whether a node matches the query or not is determined by detecting if any text within the node includes the user's query or if an attribute of the node includes the user's query.

Not all attributes a node may have are relevant for our purposes, thus, YipYip only searches a specific…

Top comments (0)