-
Monitoring Which Element Has Focus in a Web Browser
While building accessibility-minded websites, it’s useful to be able to monitor which element has focus in your browser.
Using a screen reader works well, but there may be an easier solution for those who aren’t used to screen readers.
Chrome makes this pretty simple. See https://developers.google.com/web/tools/chrome-devtools/accessibility/focus.
In Firefox, Safari, Chrome, and other browsers I’m able to achieve similar functionality (maybe even better) by running a simple snippet in the web developer tools console.
New lines appear as you move through the elements with your keyboard (or mouse).
You may want to turn this into a one-liner for easier pasting.
1234567var lastElement = document.activeElement;setInterval(function() {if (lastElement != document.activeElement) {lastElement = document.activeElement;console.log(document.activeElement);}}, 100);Output in Firefox:
-
“Create Evernote Note” from Chrome Tab using Keyboard Maestro
Here’s an example of a macro that creates an Evernote note out of the current Chrome browser tab. My goal was to just throw the current page into Evernote with its page title as the note title, and its URL as the source URL.
Step 1: Build the macro as shown below. I encourage you to tweak the Applescript, but you may want to test with the Applescript editor first.
-
Chrome Extension: CopyAllURLs – Share all tabs in current window
Have you ever wanted to share (or save-for-later) all of the tabs you’re viewing in a Chrome window? I highly recommend the CopyAllURLs extension. The configuration is easy and powerful, and it works very well to export/copy (and import/paste, which opens all of the links in your clipboard) all of the tabs. You are free to use HTML in the output, which is awesome. Copying all of the tabs and sharing them is a breeze, and the output looks great. Pasting into an email, Evernote, or whatever works as expected, preserving the links and formatting (if you enable the HTML mime type option).
-
Keyboard Maestro URL Handler – Link Injection
Introduction
This post outlines some advanced usage of the Keyboard Maestro URL handler (KMLink).
A few weeks ago I was automating some Chrome form filling with Keyboard Maestro. It occurred to me that the perfect trigger for what I was doing would actually be a simple link within the Chrome webpage itself (or a simple bookmarklet); when the link/bookmarklet is clicked, the KM macro is executed. How about a little backstory before I get to the “here’s how to do it!” ?
We use a project management system called ActiveCollab. It’s a great piece of web-based software, but often simple things take several steps. When I want to quickly mark a task as “Due in 2 business days” (which I need to do very often) it’d be whole lot nicer to click a link to set this, than to have to go to the edit screen, pull up the date picker, think about what two business days from today is, click that date and submit the form. Sure, I could write a module for Active Collab that would do what I want, but Keyboard Maestro provides me with much more freedom and I can build it in minutes instead of hours.
-
Chrome Extension: Hulu Easy Pop Out
In an earlier post, I mentioned that I had been frustrated with the Hulu user interface. The player window, by default, is just too large. Also it takes a few too many clicks to get to the Pop Out player.
I’ve written a Chrome extension to solve this problem. Check it out!
Here’s the official description:
1234567Hulu's default player is rather large, and it takes a few too many clicks to get the pop out player window, right? This extension aims to solve this problem by letting you right-click a video's thumbnail to open the popout window immediately. As an added bonus it lets you set the default width and height of the popout.Note: It currently only works with some of the video types on Hulu, including Movies, Movie Trailers, TV Episodes, Clips, and possibly more. I've only tested this in the USA.If you get the popup but the video doesn't load, please check your flash configuration. One of my testers reported that he had to re-enable Chrome's built-in flash plugin.Thanks to the r/picrequests community and LAMcNamaraXVII (lamcnamaraxvii.deviantart.com) for the icon.
