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)

Wordpress Yoast SEO Plugin and Duplicate Titles Fix

If you're using the Yoast SEO Wordpress plugin and experiencing an issue with your site's title appearing twice (ie.  2Bluesolutions Tech Blog - What Is Kickstarter - 2Bluesolutions Tech Blog), then there is a simple fix that seems to work for many people. You need to edit the header.php file for your Wordpress theme. My particular Wordpress theme had this for the title meta tag: <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title> You need to change it to something much more simplistic.  What you should replace it with is this: <title><?php wp_title(''); ?></title> That seems to fix the issue, at least for my sites.