Tag Archives | screenshots

Quick and Easy Screenshots

Awesome ScreenshotsAwesome Screenshot is a great new Firefox add-on that makes capturing and annotating screenshots really easy.  Once you install this fantastic new add-on (which requires no restart) you can write all the notes you need on a website screenshot and then either download it to your PC or upload to awesomescreenshot.com. 

Continue Reading →

Firefox 3.7 – Interface Redesign (take two!)

Mozilla has released a few new screenshots of their latest Firefox 3.7 theme and interface revisions.  I’m happy to see the bookmark toolbar is back, and the loading bar on top of the tabs is a very interesting idea. 

Here is the old Revision 01 version of Firefox 3.7’s interface:

Mockup Firefox 3.7 - 1st Version 

Here is the brand new Revision 02 of the Firefox 3.7 interface:

Mockup Firefox 3.7 - 2nd Version

In comparison, I do have to say I like the direction they are going with this.  Here are some of the features included and mentioned when discussing the Vista/Windows 7 version of the interface:

  • Embracing Glass: Toolbar and Tabs using Glass. Buttons translucent and slightly glossy to meld with the toolbar. Raised 3D look to achieve tactile "feel".
  • Page and Tools Buttons: Page and Tools on the Navigation Bar.
  • Bookmark Bar: Bookmarks bar on by default. New Bookmarks "widget" containing the bookmarks menu contents.
  • Home Tab: Home tab containing your homepage to start. Expanded functionality planned for 4.0.

To get more information and amazing screenshots, be sure to check out the Windows 3.7 theme mockups page on the Mozilla.org wiki.

6 Ways to Capture Better Web Site Screenshots

Take Better Screenshots

Taking a screenshot of the various web sites out there on the Web is usually done for a slew of reasons.  Sometimes it is done to help you debug a web application, other times it might be done to show off a future design.  No matter what your reason, I have six great Firefox add-ons that will make capturing an image of a web site a very easy thing to do.

Screenshot Pimp – Need a screen shot? Screenshot Pimp lets you easily save images of web pages with multiple options for selection, output destination, and image type.

Abduction! – Adds a right click option to take screenshots of an entire web page or just part of a web page to save as an image.

FireShot – This is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools.

Talon: Screen Capture & Aviary.com Quick Launch – Take screen shots and edit images directly from your browser with Aviary.com applications.

Snapper – This add-on allows users to designate an area of a web page for a focused snapshot, cutting out the additional work needed for cropping unnecessary information.

Screengrab – It will capture what you can see in the window, the entire page, just a selection, or a particular frame.  You can then save the screen capture as a file or to the clipboard.

Have another favorite, or which of these tools have suited your needs the best?  Be sure to let us know in the comments which one you like best.

Firefox 3.7 First Screenshots Maybe?

With Firefox 3.5 out the door, the Mozilla guys are hard at work brainstorming around what Firefox 3.7 might look like.  To help with the brainstorming, they have released a few mock-up screenshots of what Firefox 3.7 might look like.  There has been nothing finalized thus far, but it is still fun to check out and see what they have in mind for the next big design refresh of our favorite browser.

Firefox 3.7 Mock Screenshot

  1. Embracing Glass: Toolbar and Tabs using Glass. Buttons translucent and slightly glossy to meld with the toolbar. Raised 3D lookachieve tactile "feel".
  2. Page Button: Connect the Page button to the left side of the tab area. Directly connected to the Page.
  3. Tools/Bookmark Bar: Connecting the Tools button to the side of the Window to emphasize the fact that it is used for customizing and changing the UI. Adding a button next to that to toggle the Bookmarks Bar which is turned off by default.

What do you think thus far?  I kind of like the idea of removing the menu bar, as long as all the important aspects are still easily reached (maybe via “tools”).  However, not sure if I want everything to be as see-through as it is in the example.  Here are two more screenshots:

Continue Reading →

Quickly Capture and Save Screenshots

Pict Uploader for Firefox

I am always taking screenshots of this, that and the other for all the various writing projects I have going on the Web.  For me, finding something that makes that job even a little ‘bit easier, is a great thing indeed.  This is where the Pict Uploader comes into play.

This Firefox add-on integrates with your browser to provide a way to make screenshots with one click, and if you wish upload them to the Pict.com image hosting service. 

Here are some of the other features Pict Uploader will provide:

  • Capture screenshots of websites
  • Capture screenshot of whole website
  • Capture screenshot of visible area
  • Capture screenshot of custom selected area
  • Edit screenshots
  • Save screenshots in jpg/png formats

Well worth trying out, especially if you do any daily screen captures.  You can pick up the Pict Uploader on the Firefox add-ons web site.

How Have You Customized Firefox?

Give me your Firefox screenshots!

One of the best things about Firefox is that we can customize it to no end, and thus far – no other browser on the market has been able to stack up with that fact.  So I am curious, how have you customized Firefox to fit your needs?  How have you organized your toolbars and icons?

I’ll start things off by showing you my current browser setup:

mitch-firefox

As you can see I like to keep it pretty simple, and I am rocking the Chromiefox theme right now.  Send me your Firefox screenshots (to mitch@mitchkeeler.com), or post a link here in the comments to them.  If anything else, we might pick up a few customization tips from one another.  I’ll save the best for a round up for a later date and time.

CHECK OUT THE GALLERY!

Best Screen Grabs Come From FireShot

I’m back to using FireShot. This extension that allows you to take screenshots of what is inside your browser window enticed me to no end when it first came out – but with it’s lack of features I had to let it go. Here is a little more about the extension just in case you missed it the first time around…

What is FireShot and Why Do I Need It?

FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

FireShot in Action

Some of these newest features include:

  • Screenshot can be uploaded to server for resizing, commenting and blogging.
  • Added Undo/Redo feature
  • Added “Resume editing” option
  • Line width can be specified
  • Improved page extents detection mechanism (now supports GMail, E-Bay and other frame-based sites)
  • Improved memory management routines and error handling messages.
  • Added MS Outlook support
  • Working folder can be set up and periodically erased.

As you can see there is even more to love here. More now than ever before! Give the FireShot extension another shot. It is the perfect compainion for anybody who works with screen grabs a lot.

Firefox Themes Directory

Need to find a new Firefox theme, but don’t want a new way to browse through them all? There is no doubt that there are a lot of themes out there to pick from – and the folks at Learn Firefox have put together a really nice way for you to navigate through them.

Welcome to Firefox Themes presented by Learn Firefox! Here you will find screenshots of all themes that are compatible with Firefox 2.0. The link located above each screenshot will take you to the download page on the Official Firefox Addons site.

The new theme directory on the Web site gives you screenshots of each theme and a link to get to the Firefox Addons page about that said theme. This takes a really simple idea and just makes it that much better. Browse through the selections yourself and be sure to let them know you appreciate the time it took to get this all put together!

ThumbStrips – New Way to Tab

ThumbStripsEver think of your browsing as a movie? Instead of getting big explosions are awesome fight sequences, you get pictures of web sites as your staring roll. Ok, nobody said your browsing would ever make an exciting movie.

ThumbStrips is an extension that lets you view your history in the form of a filmstrip of screenshots. You can save and share filmstrips on innovation.intuit.com as well.

This is a really neat and new way to look at your browsing habits. Give it a shot, and let me know what you think.

First Look at Firefox 3

New Bookmarks?

There have been a lot of blogs a buzzin’ about some of the new Firefox 3 screenshots that have made their way to the Web. Here are a few notes about them from the Wired blog.

Firefox Alpha 5 arrived last Friday, bringing with it the first look at Places, the new bookmark management system. But the Firefox team has a number of additional UI tweaks up their sleeve and some of them look quite slick.

Personally I think things look slick thus far – and I might have to change my browsing habits yet again when this thing is ready for public use. How about you – are you excited about Firefox 3 or is the current Firefox 2 version keeping you happy for now?