<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Crunchy Melon &#187; Screen Capture</title>
	<atom:link href="http://www.crunchymelon.com/category/screen-capture/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.crunchymelon.com</link>
	<description>Apps, resources, &#38; tips for web design business owners</description>
	<lastBuildDate>Mon, 11 Jan 2010 20:50:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Easier Browser Testing: Litmus</title>
		<link>http://www.crunchymelon.com/2009/07/easier-browser-testing-litmus/</link>
		<comments>http://www.crunchymelon.com/2009/07/easier-browser-testing-litmus/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 13:04:41 +0000</pubDate>
		<dc:creator>Tyler</dc:creator>
				<category><![CDATA[Browser Testing]]></category>
		<category><![CDATA[Screen Capture]]></category>
		<category><![CDATA[Troubleshooting]]></category>
		<category><![CDATA[Web App]]></category>

		<guid isPermaLink="false">http://www.crunchymelon.com/?p=93</guid>
		<description><![CDATA[If you haven&#8217;t heard of Litmus before, you&#8217;re definitely missing out. Litmus is a browser testing service. It works like this &#8211; you login, enter a url, and then Litmus snaps screenshots of your site in multiple browsers across multiple operating systems. With Litmus, you can test in IE 5/6/7/8, Firefox, Safari, Chrome, Opera, and [...]]]></description>
			<content:encoded><![CDATA[<p>If you haven&#8217;t heard of Litmus before, you&#8217;re definitely missing out. <a href="http://litmusapp.com">Litmus</a> is a browser testing service. It works like this &#8211; you login, enter a url, and then Litmus snaps screenshots of your site in multiple browsers across multiple operating systems.</p>
<div id="attachment_99" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-99" title="litmus" src="http://www.crunchymelon.com/wp-content/uploads/2009/07/litmus1.jpg" alt="Screenshot of Litmus browser test results" width="600" height="443" /><p class="wp-caption-text">Screenshot of Litmus browser test results</p></div>
<p>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.</p>
<p>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:</p>
<p>1) Publishing screenshots &#8211; You can make screenshots public to show a client/colleague. Check out an example <a href="http://slicendice.litmusapp.com/pub/4e35082">here</a>.</p>
<p>2) Validation &#8211; Litmus will automatically validate your html and css code.</p>
<p>3) Notifications &#8211; You can be notified via GTalk, AIM, or Twitter when your screenshots have finished.</p>
<p>4) Compatibility tracking &#8211; You can mark browsers as compatible/not compatible for each screenshot so you know what&#8217;s left to fix.</p>
<p>Litmus also offers email client testing and it <a href="http://feedback.litmusapp.com/pages/22276-general/suggestions/249498-support-mobile-applications-for-email-testing">looks like</a> they&#8217;ll soon be offering mobile device (iPhone, Blackberry, Android) testing as well!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.crunchymelon.com/2009/07/easier-browser-testing-litmus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LittleSnapper: A super easy way to create design notes</title>
		<link>http://www.crunchymelon.com/2009/07/littlesnapper-a-super-easy-way-to-create-design-notes/</link>
		<comments>http://www.crunchymelon.com/2009/07/littlesnapper-a-super-easy-way-to-create-design-notes/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:18:24 +0000</pubDate>
		<dc:creator>Tyler</dc:creator>
				<category><![CDATA[Screen Capture]]></category>

		<guid isPermaLink="false">http://www.crunchymelon.com/?p=22</guid>
		<description><![CDATA[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&#8217;ve snapped something, you can add notes, arrows, lines, boxes, circles and more to the image. We&#8217;ve found this to [...]]]></description>
			<content:encoded><![CDATA[<p>We use a handy little app called <a title="LittleSnapper" href="http://www.realmacsoftware.com/littlesnapper/">LittleSnapper</a> 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&#8217;ve snapped something, you can add notes, arrows, lines, boxes, circles and more to the image.</p>
<p>We&#8217;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 <a href="http://www.realmacsoftware.com/littlesnapper/case-studies/">LittleSnapper case studies</a>.</p>
<p>Once you&#8217;ve annotated an image, it can be exported as a jpg/png image or you can share it on Flickr, Quicksnapper (LittleSnapper&#8217;s sharing service), or FTP/SFTP. There&#8217;s also a <a title="LittleSnapper for iPhone" href="http://www.realmacsoftware.com/littlesnapper/iphone/">companion app</a> for the iPhone.</p>
<p>If you need to annotate screen shots, LittleSnapper is definitely worth a look.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.crunchymelon.com/2009/07/littlesnapper-a-super-easy-way-to-create-design-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
