Untitled self-indulgent website

Website for George H. Williams


Project maintained by Hosted on GitHub Pages — Theme by mattgraham

Screenshot tips and tools

I’ve been training a new staff person at NEKLS and it’s made me think about a few small things I do to make taking screenshots easier.

Snagit

Snagit is a proprietary screenshot software available at https://www.techsmith.com/snagit/

There are several open source options available, but I’ve been using Snagit for a very long time so it’s the one I’m most comfortable with and it is not cost-prohibitive for our library.

I use Snagits preset and hotkey features when I take screenshots. With a couple of keystrokes, I can take screenshots from the same area of the screen again and again.

Snagit

Window Resizer

To go along with Snagit I use a Firefox extension called “Window Resizer” wich is available at https://mybrowseraddon.com/window-resizer.html

Window Resizer allows me to set Firefox to the same window size and position with the click of a button. This way I can use Window Resizer to set Firefox in a specific position and then use a Snagit preset to take a picture of the window in just a couple of quick steps.

Window Resizer

Rapid Tables > Window size

To help me set the browser window to the size I want with Window Resizer, I use the Window size tool from Rapid Tables at https://www.rapidtables.com/web/tools/window-size.html. This web-based app will tell you the size of your browser window which can help you set the window size and position where you want it.

What is my browser window size

Reciept printer name

I sometimes have to help people with their receipt printer. Most of our printers are Epson TM88V, TM88VII or other models in the Epson line, but there are a few other Epson models as well as some non-Epson printers out there in our system. The printer on my work-computer is an Epson TM-II, so sometimes when I send someone a screenshot with instructions that include printer information people will respond saying “I can’t find the Epson TM-II printer on my computer.”

Rather than having to follow up with a “Well, which printer on your computer is the reciept printer” I’ve renamed the printer on my work computer “YOUR RECEIPT PRINTER” so that any screenshots will clearly and unambiguously tell them to look for “YOUR RECEIPT PRINTER.”

jQuery

Finally I have some jQuery on my Koha that puts a little camera icon on the top-right of every page.

When someone clicks on this icon several things happen.


$(document).ready(function () {

  //Adds screenshot button
    $('#user-menu').append('<button id="next_screenshot" type="button" class="btn btn-custom-info" style="display: inline; " title="Anonymize for screenshot"><i class="fa fa-camera" aria-hidden="true"></i></button>');
  
  //Adds funciton to screenshot button
      $('#next_screenshot').click(function() { 
        //Applies to Koha
          $('#next_screenshot').hide(); 
          $('.loggedinusername').html('Your username').attr('style','padding-right: 10px'); 
          $('.logged-in-branch-name').html('Your library'); 
          var koha_version = ($('head meta[name="generator"]').attr('content') || '');
          $('#helper').before('<h4>' + koha_version + '</h4>');
          
        //Applies to custom code on my Koha
          $('.next_top_message').hide();
          $('#area-news').children().hide();
          $('#area-news #news303').show();
          $('#nav-statistics-tab').click();

      }); 

});