Apps, resources, & tips for web design business owners

Archive for the ‘Screen Capture’ Category

Easier Browser Testing: Litmus

Wednesday, July 29th, 2009

If you haven’t heard of Litmus before, you’re definitely missing out. Litmus is a browser testing service. It works like this – you login, enter a url, and then Litmus snaps screenshots of your site in multiple browsers across multiple operating systems.

Screenshot of Litmus browser test results

Screenshot of Litmus browser test results

With Litmus, you can test in IE 5/6/7/8, Firefox, Safari, Chrome, Opera, and a few more browsers. Plus, most browsers have multiple versions available for testing.

You can really tell that the functionality and design of Litmus has been given a lot of thought. Some of the features I really like are:

1) Publishing screenshots – You can make screenshots public to show a client/colleague. Check out an example here.

2) Validation – Litmus will automatically validate your html and css code.

3) Notifications – You can be notified via GTalk, AIM, or Twitter when your screenshots have finished.

4) Compatibility tracking – You can mark browsers as compatible/not compatible for each screenshot so you know what’s left to fix.

Litmus also offers email client testing and it looks like they’ll soon be offering mobile device (iPhone, Blackberry, Android) testing as well!

LittleSnapper: A super easy way to create design notes

Friday, July 3rd, 2009

We use a handy little app called LittleSnapper to annotate screenshots. LittleSnapper lets you easily capture web pages, screen shots, jpgs, or even DOM elements (portions of a web page, like a table or paragraph). Once you’ve snapped something, you can add notes, arrows, lines, boxes, circles and more to the image.

We’ve found this to be great for things like marking up design comps with notes (for clients or for the designer) and leaving notes for a developer so she knows how something should be coded. For even more ideas, check out the LittleSnapper case studies.

Once you’ve annotated an image, it can be exported as a jpg/png image or you can share it on Flickr, Quicksnapper (LittleSnapper’s sharing service), or FTP/SFTP. There’s also a companion app for the iPhone.

If you need to annotate screen shots, LittleSnapper is definitely worth a look.

CrunchyMelon.com is an Out Loud Creative, Inc site. © 2010 Out Loud Creative, Inc.

Grab our RSS Feed