Reference: Snapping

LittleSnapper has a number of different ways to take snaps. Whether you're working with a website or an application on your desktop, you can use LittleSnapper's menu-bar icon and global keyboard shortcuts to quickly add a snap to your library.

1. Menu Items

   The menu item has a number to features to allow you to quickly take a snap:

   
   
   
   Figure 1: LittleSnapper Menu Items
   • Snap Web Address from (Browser Name) - Depending on the currently-open browser, LittleSnapper will insert the browser name into the menu. If multiple browers are open, it will show the one highest in the OS X window order.
   • Open Current Website in LittleSnapper - grabs the currently-open URL and opens it in the LittleSnapper Browser.
   • Snap Full Screen - Snaps the entirety of your Mac desktop including multiple displays if they are attached to your Mac.
   • Timed Full Screen - Snaps your desktop after a five second countdown.
   • Snap Area - Allows you to select a specific area using adjustable handles which can be dragged to create a precise snap.
   • Snap Window - Snap a specific window by hovering over the window and clicking.

2. Global Keyboard Shortcuts

   LittleSnapper's Menu Item options listed can also be accessed through Global Keyboard Shortcuts. The default shortcuts can be found towards the end of this manual, however they can be customised to any shortcut of your choosing in LittleSnapper's Preferences > Shortcuts window.

   
   

   
   Figure 2: Default Global Keyboard Shortcuts

3. LittleSnapper Browser

   LittleSnapper has a built-in web browser that uses the same WebKit rendering engine as Apple's Safari browser. The built-in browser offers you an even greater level of control in what you capture from webpages. In addition to snapping entire webpages, you can snap specific areas of a page using the DOM-snapping feature. LittleSnapper will show the outline of elements as you hover over them, and make links inactive so that you can easily snap any item on the page. Select the area you want to capture by rolling over, and the clicking the relevant element.

   With the element selected, a set of drag handles appear allowing you to refine the selected area you want to snap. When you're happy with the selection, simply click the Snap button found in the purple bar above the page, or press Return on your keyboard to capture the area and add it to your library. LittleSnapper then saves the selected area as an image, and saves all the source code associated with the page into your library for future reference.

   
   

   
   Figure 3: The Built-in Browser and Element Selection Tool