lcfpaiplcjajnmhmgibibhbifigidnne
Control page highlighting with eye movement using WebGazer. ## Hands-Free Web Control with Eye Tracking and Voice Commands Navigate websites without using your hands by combining **eye tracking** and **voice commands**. This extension is designed to make browsing more accessible, intuitive, and efficient. ### Before You Start: Train the Eye Tracker To make the eye tracking accurate, you need to train it first. * A **red dot** will initially follow your cursor on the screen. * Move your cursor to different places on the screen and **look at the same spot**. * If the red dot is matching correctly, **click to confirm**. * Repeat this multiple times to improve accuracy. This training helps the system understand your eye movement better, so cursor control becomes more precise. **Eye Tracking:** Control the cursor and focus on elements just by looking at them. **Voice Commands:** Scroll, click, and navigate using simple voice commands. **Visual Feedback:** Highlighted elements show where your gaze is focused. **Easy Setup:** Install and start using the extension quickly. **Accessibility-Focused:** Helpful for users who want a more hands-free browsing experience. **Gaze Control:** Your webcam tracks your eye movement and converts it into cursor movement on the screen. **Voice Control:** You can speak commands to scroll, click, and move through pages without touching the mouse. **Seamless Browsing:** The extension works across websites to provide a smooth hands-free experience. Start enjoying a more accessible way to browse the web today. * "Scroll down" – Scroll the page down by 500 pixels. * "Scroll up" – Scroll the page up by 500 pixels. * "Little down" – Scroll the page down by 250 pixels. * "Little up" – Scroll the page up by 250 pixels. * "Go back" – Navigate to the previous page. * "Click" – Click on the highlighted element. * "Click link" – Click on a link currently under the gaze cursor. * "Open link" – Open the highlighted link.
Web Component DevTools
Developer tooling for Web Components and Web Component Libraries Developer tooling for Web Components and Web Component Libraries Web Component DevTools is aimed at all developers working with Web Components. The tooling provided creates a new Chrome Devtools panel, which allows a quick look at the custom elements on the current page, and enables modification of attributes and properties of said components. Web Component DevTools utilizes the Custom Elements Manifest (https://github.com/webcomponents/custom-elements-manifest) to analyze the Web Components. Web Component DevTools provides advanced features to the developer, straight from the browser's UI to, for example: - Listing custom elements on the page, and accessible iframes inside the page - Filtering custom elements on the list - Inspecting and modifying the attributes of custom elements - Inspecting and modifying the properties (even objects and arrays) of custom elements - Observing dispatched events - Calling functions of the custom element, and logging the return values - View the source code of web components on page - Interact directly with web components through the console In the process of developing Web Components, wether it be with a library like Lit, or without any kind of library, there comes situtations in which you might want to have a bit more control over your components than what the regular browser devtools gives you. You might for example want to: Toggle the Attributes of the element Toggle the Properties of the element Monitor when events get dispatched from the element Call functions And when you're working with Web Components, Shadow DOM usually is present, making it fairly difficult to find the path to the element. And even if you got the path, having to write document.querySelector("my-selector-string > element-name").setAttribute("my-attr", "foo") every time you want to modify a value is quite cumbersome. For this use case the Web Components DevTools were created: To enable the developer to easily modify the attributes, properties and therefore state of their element straight from the devtools window with the click of a button. Any issues you run into while using the DevTools should be submitted to the GitHub Repository (https://github.com/Matsuuu/web-component-devtools/issues).
Gesture Based Scroll (Using AI)
Scroll a page with hand gestures via your computer's camera! Gesture-Based Scroll is an extension that lets you scroll a page with hand or facial gestures (without using a mouse or keyboard). Before using this addon you need to train it first. Please read the support page to get more info on how to use the addon. Once the addon is fully trained, please click on the - Start - button and make gestures (Up, Down, and Stop) in front of the camera to scroll the active tab. Also, make sure to place your face/hand exactly in front of the camera (within the grey rectangle). As long as the camera is ON, the addon will look for your gestures and take action accordingly. If you want to stop the inferring process, please click on the - Stop - button once. Note: This addon is using the new AI engine called TensorFlow. Please visit the (https://www.tensorflow.org/js/) page to get more info about this new technology. To report bugs, please fill out the bug report form on the addon's homepage (https://mybrowseraddon.com/gesture-based-scroll.html).
ClarityUX™ — AI Website Review: SEO, UX, HTML/CSS, Accessibility & Heatmaps
Level-up your website quality with one click. This Chrome extension instantly audits any webpage for critical issues affecting search rankings, accessibility, user experience, performance, and more. Designed for marketers, UX designers, developers, and product owners, it delivers clear, actionable insights to help you improve your site faster and smarter. 🚀 What You Get: SEO Review Detect metadata gaps, indexing blockers, broken links, and on-page optimization issues to improve search visibility. UX Review Evaluate usability, layout, readability, and interaction patterns that impact engagement and conversions. Code Review Scan HTML, CSS, and JavaScript implementation for errors, performance issues, and best-practice compliance. WCAG Accessibility Review Check Web Content Accessibility Guidelines (WCAG) compliance to ensure an inclusive experience for all users. Copy Review Optimize clarity, tone, keyword usage, and content structure for better SEO and communication. Whether you're optimizing a landing page, redesigning a product, or enhancing accessibility — this tool helps you build a better web experience in seconds.
HandySurf
Surf the internet with ease. Just wave a hand! Overview HandySurf: Your ultimate hands-free browser control with advanced gesture recognition and AI-powered navigation 🔥 Control your browser effortlessly with HandySurf’s innovative AI-powered hand gesture technology. Navigate, zoom, and interact with ease, all without touching your mouse or keyboard 🔥 👉 Scroll Control • Effortlessly scroll through webpages with a simple hand gesture. Whether you're navigating long articles or exploring endless feeds, HandySurf makes scrolling intuitive and natural. • Adjust the scrolling speed and direction to fit your browsing style. 👉 Zoom Control • Zoom in and out with a smooth hand gesture, allowing you to focus on details or get an overview of the page. • Customize the zoom's sensitivity and feedback for a personalized experience. 👉 Click Control • Perform clicks with a flick of your hand. Whether it’s selecting a link or pressing a button, HandySurf makes clicking seamless and easy. 👉 Navigation • Navigate backwards or forwards through your browsing history using simple hand movements. • HandySurf ensures that your navigation is smooth, allowing you to quickly move through your browsing history without hassle. 👉 Tab Switching • Switch between browser tabs effortlessly with a hand gesture. HandySurf makes multitasking a breeze by allowing you to jump from one tab to another with ease. • Manage multiple tabs efficiently and enhance your productivity with intuitive controls. 💻 How to Get Started: 🔸 Click the "Add to Chrome" button to install HandySurf and pin it to your toolbar. 🔸 Click on the HandySurf icon in your toolbar and select "Go to Dashboard". 🔸 Complete the training mode to learn the specific gestures for various tasks. 🔸 Once you're familiar with the gestures, click "Start" to begin using HandySurf. Happy surfing! 📌 How do I use hand gestures with HandySurf? Once you install the extension, simply use the predefined hand gestures to control scrolling, zooming, clicking, navigation, and tab switching. 📌 Can I customize the gestures? While the gestures themselves are not customizable, you can adjust settings around them, such as sensitivity and direction, through the settings menu to fit your preferences. 📌 Why does HandySurf need access to my camera? HandySurf uses your camera to interpret your hand gestures. The best part is, all the processing happens right on your device (in fact, you could even use HandySurf without an internet connection, as everything is handled locally on your PC). Your privacy is protected by design. 📌 Is it free to use? Yes, HandySurf offers all its features for free. 📪 Contact Us: Any questions, problems, or suggestions? Please reach out to us through the User Support tab or directly at 💌 handy.surf.com@gmail.com. Experience the future of browsing with HandySurf today and transform the way you interact with your browser.
