Skip to main content

A pair of great Chrome extensions for taking screenshots

I recently came upon a need for a way to take some screen shots of some of the sites I have created. There are plenty of tools available to serve this purpose, but I wanted something relatively quick and easy.

Initially, I looked into a utility called webscreencapture. While it worked really well for most sites and you can make a nice batch file to run it all at once, it failed to capture some Joomla sites and Flash sites.

So, next I figured I should try a browser solution. There is Fireshot for Firefox, but since Chrome is my browser of choice, I decided to find an extension for Chrome instead.

What I found right off the bat was Awesome Screenshot and Annotation.



It installs a button in the upper right of your browser which you can press to take a screenshot of whatever is on the page of your browser.  You can annotate the image, or like me, you can just click done and save it locally.

Now that I had a screenshot tool, I realized that there is one more issue to resolve.  I wanted a constant size of screenshot so that I don't have to be tied to one browser on one computer and I can replicate the sizing across all computers.

I recalled a nice resizing extension for Firefox, so I sought out a similar extension for Chrome.

What I found was was an extension called Window Resizer.


This is a simple tool that lets you choose from a list of preconfigured resolutions or a custom one of your choosing.

So, with a combination of  Window Resizer  and  Awesome Screenshot and Annotation , I am able to quickly and easily take screenshots of websites that remain consistent no matter where I am located.


Comments

Popular posts from this blog

How To Run Chrome From Within Notepad++

If you have recently tried to Run  Chrome from within Notepad++ recently, you've probably encountered the same issue I did.  Chrome didn't run. The fix is actually really simple.  Open up the Run box in Notepad++ and browse to your installation of Chrome. ie.  C:\Program Files\Google\Chrome\Application\Chrome.exe Select the file when you find it.  Now, the trick is: Put quotation marks around the path you see in the Run  box.  Now, put 1 space after the closing quotation mark. Type this: $(FULL_CURRENT_PATH) It'll look something like this: Click Run .  If Chrome opens, click Save and set your hotkey.

Developer Note: Virtuemart - Editing the Add to Cart MooTool Popup

To edit the “Add To Cart” popup that appears when you add an item to a cart in Virtuemart, there are few files that you need to know about. These are the files to know \components\com_virtuemart\themes\default\theme.js \components\com_virtuemart\js\mootools\   - contains the files for editing the appearance of the popup. To edit the appearance of the box, edit \components\com_virtuemart\js\mootools\mooPrompt.css to change the styles as well as editing the 2 images in the directory to edit how they appear as well (close box and header-background)

Divi Theme - Remove pause 'on hover' of the full width slider

In the Divi theme, open up /js/custom.js Comment out the following code (around line 144) if ( settings.slideshow && et_slides_number > 1 ) { $et_slider.hover( function() { $et_slider.addClass( 'et_slider_hovered' ); if ( typeof et_slider_timer != 'undefined' ) { clearInterval( et_slider_timer ); } }, function() { $et_slider.removeClass( 'et_slider_hovered' ); et_slider_auto_rotate(); } ); }