<?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>Helloewy: A blog from Loewy Design &#187; Productivity</title>
	<atom:link href="http://www.loewy.com/category/productivity/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.loewy.com</link>
	<description>The blog of Loewy Design</description>
	<lastBuildDate>Wed, 18 Aug 2010 14:27:37 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Easy Way to Track Down a Stock Image</title>
		<link>http://www.loewy.com/the-easy-way-to-track-down-a-stock-image/</link>
		<comments>http://www.loewy.com/the-easy-way-to-track-down-a-stock-image/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 14:27:37 +0000</pubDate>
		<dc:creator>Casey Bartholomew</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Productivity]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=972</guid>
		<description><![CDATA[
Your flaky freelance designer has abruptly closed up shop to go backpacking across Europe, leaving you without any assets or files from your business collateral or website.
After partnering with a new, reliable agency, you need to track down your favorite stock photos used in all of your business collateral–but how?

Instead of wasting hours doing aimless [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-971" title="mainimage" src="http://www.loewy.com/wp-content/uploads/2010/08/mainimage.jpg" alt="mainimage" width="519" height="305" /></p>
<p>Your <span style="text-decoration: line-through;">flaky</span> freelance designer has abruptly closed up shop to go backpacking across Europe, leaving you without any assets or files from your business collateral or website.</p>
<p>After partnering with a new, reliable agency, you need to track down your favorite stock photos used in all of your business collateral–but how?</p>
<p><span id="more-972"></span></p>
<p>Instead of wasting hours doing aimless searches for your favorite image among dozens of stock photo websites, you can find what you’re looking for in seconds by using a handy little site called <a href="http://www.tineye.com" target="_blank">TinEye</a>.</p>
<p><a href="http://www.tineye.com" target="_blank"><img class="alignnone size-full wp-image-973" title="tineye" src="http://www.loewy.com/wp-content/uploads/2010/08/tineye.jpg" alt="tineye" width="519" height="226" /></a></p>
<p>TinEye is a robust reverse-image search engine that will locate your long-lost image and point you to the stock photo website from which it was purchased.</p>
<p>While TinEye can locate almost any image you upload or provide a URL for, there are some instances when even the most clever search engine fails.</p>
<p style="color:#e6e520;">When it works:</p>
<table style="border:none;" border="0" cellspacing="10" cellpadding="10" align="center">
<tbody>
<tr>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-980" title="Exampleimage_1" src="http://www.loewy.com/wp-content/uploads/2010/08/Exampleimage_11.jpg" alt="Exampleimage_1" width="200" height="300" /></p>
<p style="text-align: center;">Image matches stock photo exactly</p>
</td>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-981" title="blackandwhite_1" src="http://www.loewy.com/wp-content/uploads/2010/08/blackandwhite_1.jpg" alt="blackandwhite_1" width="200" height="300" /></p>
<p style="text-align: center;">Black and white</p>
</td>
</tr>
<tr>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-988" title="crop_1" src="http://www.loewy.com/wp-content/uploads/2010/08/crop_1.jpg" alt="crop_1" width="200" height="300" /></p>
<p style="text-align: center;">Image crop</p>
</td>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-989" title="clippingpath_1" src="http://www.loewy.com/wp-content/uploads/2010/08/clippingpath_1.jpg" alt="clippingpath_1" width="200" height="300" /></p>
<p style="text-align: center;">Clipping path</p>
</td>
</tr>
<tr>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-990" title="watermark_1" src="http://www.loewy.com/wp-content/uploads/2010/08/watermark_1.jpg" alt="watermark_1" width="200" height="300" /></p>
<p style="text-align: center;">Watermark</p>
</td>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-991" title="vignette" src="http://www.loewy.com/wp-content/uploads/2010/08/vignette.png" alt="vignette" width="200" height="300" /></p>
<p style="text-align: center;">Vignette</p>
</td>
</tr>
<tr>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-992" title="type_1" src="http://www.loewy.com/wp-content/uploads/2010/08/type_1.jpg" alt="type_1" width="200" height="300" /></p>
<p style="text-align: center;">Type overlay</p>
</td>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-993" title="Filter_1" src="http://www.loewy.com/wp-content/uploads/2010/08/Filter_1.jpg" alt="Filter_1" width="200" height="300" /></p>
<p style="text-align: center;">Photoshop filter</p>
</td>
</tr>
</tbody>
</table>
<p style="color:#e6e520;">When it doesn&#8217;t work:</p>
<table style="border:none;" border="0" cellspacing="10" cellpadding="10" align="center">
<tbody>
<tr>
<td style="border:none;">
<p><img class="alignnone size-full wp-image-996" title="additionalelements_1" src="http://www.loewy.com/wp-content/uploads/2010/08/additionalelements_1.jpg" alt="additionalelements_1" width="200" height="300" /></p>
<p style="text-align: center;">Additional elements</p>
<p style="text-align: center;"> </p>
</td>
<td style="border:none;" valign="top">
<p style="text-align: center;"><img class="alignnone size-full wp-image-997" title="pattern_1" src="http://www.loewy.com/wp-content/uploads/2010/08/pattern_1.jpg" alt="pattern_1" width="200" height="300" /></p>
<p style="text-align: center;">Pattern<br />
 <em>Try cropping this to the original <br />
 image and you&#8217;ll find your match!</em></p>
</td>
</tr>
<tr>
<td style="border:none;">
<p><br class="spacer_" /></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-998" title="website_1" src="http://www.loewy.com/wp-content/uploads/2010/08/website_1.jpg" alt="website_1" width="200" height="178" /></p>
<p style="text-align: center;">Website screenshot</p>
</td>
<td style="border:none;">
<p><br class="spacer_" /></p>
<p style="text-align: center;"> </p>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>
<p>TinEye is a handy tool that anyone can use. It saves everyone time and money. Be sure to bookmark this post or you’ll be kicking yourself the next time you need to find the original source for a stock photo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/the-easy-way-to-track-down-a-stock-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8 Steps to a Smarter Blog</title>
		<link>http://www.loewy.com/8-steps-to-a-smarter-blog/</link>
		<comments>http://www.loewy.com/8-steps-to-a-smarter-blog/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 17:12:36 +0000</pubDate>
		<dc:creator>Casey Bartholomew</dc:creator>
				<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=893</guid>
		<description><![CDATA[
Having a blog has become as essential as having a website. Everyone from the housewife down the block to the Fortune 500 company on Fifth Avenue has a blog. According to BlogPulse.com, there were 126 million (and counting…) blogs in 2009. This sudden burst of blogs has been made possible with applications such as Wordpress, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-894" title="8-steps-to-a-smarter-blog" src="http://www.loewy.com/wp-content/uploads/2010/07/8-steps-to-a-smarter-blog.jpg" alt="8-steps-to-a-smarter-blog" width="519" height="340" /></p>
<p>Having a blog has become as essential as having a website. Everyone from the housewife down the block to the Fortune 500 company on Fifth Avenue has a blog. According to <a href="http://www.BlogPulse.com" target="_blank">BlogPulse.com</a>, there were 126 million (and counting…) blogs in 2009. This sudden burst of blogs has been made possible with applications such as Wordpress, Blogger, and Tumblr—which allow novices to whip up their own blogs in minutes.</p>
<p>However, not all blogs are created equal. If you don’t keep up with blogging trends, and think in a smart way about your blog, you may be lumped into the 126 million (and counting…) blogs and go totally unnoticed—and that would be a bummer!</p>
<p>Here are some tips to make your blog more intelligent:</p>
<p><span id="more-893"></span></p>
<p>1. <strong>Exchange Content for Emails </strong></p>
<p>If your blog is already attracting an audience, why not offer exclusive content to your users in exchange for their email addresses? Sending an email newsletter with content not seen on your public blog, or offering an exclusive download, such as an eBook, will ensure that you give users a reason to hand over their addresses. By building an email list, you can keep track of how often your visitors frequent your site.</p>
<p><em>Example:</em> <a href="http://www.iheartluxe.com" target="_blank">I Heart Luxe’s</a> weekly newsletters offers members exclusive content not found on its site.</p>
<p><a href="http://www.iheartluxe.com/newsletters/87/" target="_blank"><img class="alignnone size-full wp-image-896" title="iheartluxe" src="http://www.loewy.com/wp-content/uploads/2010/07/iheartluxe.jpg" alt="iheartluxe" width="519" height="468" /></a></p>
<p><em>Example:</em> Travel blog <a href="http://everything-everywhere.com/" target="_blank">Everything Everywhere</a> gives subscribers a free eBook of blogger/professional travel enthusiast Gary Arnd’s 25 favorite travel photos (in high resolution) when they sign up for email updates.</p>
<p><a href="http://everything-everywhere.com/" target="_blank"><img class="alignnone size-full wp-image-897" title="everything-everywhere" src="http://www.loewy.com/wp-content/uploads/2010/07/everything-everywhere.jpg" alt="everything-everywhere" width="320" height="259" /></a></p>
<p><br class="spacer_" /></p>
<p>2. <strong>Show Off Your Numbers </strong><br />
 Displaying the number of Tweets, Diggs, or Shares your site or post has received will not only show that you have actual readers (hooray!), it will also encourage those readers to share your content and join those numbers.</p>
<p><em>Example: </em><a href="http://www.smashingmagazine.com" target="_blank">Smashing magazine</a> displays the current tally of the hundreds of thousands of readers and Twitter followers it has accumulated.</p>
<p><a href="http://www.smashingmagazine.com" target="_blank"><img class="alignnone size-full wp-image-898" title="smashingmagazine" src="http://www.loewy.com/wp-content/uploads/2010/07/smashingmagazine.jpg" alt="smashingmagazine" width="519" height="102" /></a></p>
<p><em>Example:</em> <a href="http://mashable.com/" target="_blank">Mashable</a> displays the number of Retweets, Shares, and Diggs for each post. 1,492 Retweets—now that’s just outright bragging!</p>
<p><a href="http://mashable.com/" target="_blank"><img class="alignnone size-full wp-image-899" title="mashable-share" src="http://www.loewy.com/wp-content/uploads/2010/07/mashable-share.png" alt="mashable-share" width="519" height="348" /></a></p>
<p><br class="spacer_" /></p>
<p>3. <strong>Ask Your Readers for Content </strong><br />
 Encourage users to engage in your blog by inviting them to send photos, tips, or thoughts on a particular subject. Most likely your readers are visiting your blog for a reason—and they may know just as much as you (or perhaps even more than you) about the subject of your blog. Inviting readers to submit content creates a sense of community and engages your audience.</p>
<p><em>Example:</em> <a href="http://www.gawker.com" target="_blank">Gawker.com</a> makes it inviting and simple to send a tip to its site.</p>
<p><a href="http://www.gawker.com" target="_blank"><img class="alignnone size-full wp-image-900" title="gawker" src="http://www.loewy.com/wp-content/uploads/2010/07/gawker.jpg" alt="gawker" width="519" height="169" /></a></p>
<p><em>Example:</em> <a href="http://www.consumerreports.org" target="_blank">Consumer Reports</a> wanted to predict what its members might want to know about the new iPad before it was reviewed. Readers were asked to post their questions in the comments section of any blog posting.</p>
<p><a href="http://www.consumerreports.org" target="_blank"><img class="alignnone size-full wp-image-901" title="consumerreport" src="http://www.loewy.com/wp-content/uploads/2010/07/consumerreport.jpg" alt="consumerreport" width="519" height="521" /></a></p>
<p>4. <strong>Make It Mobile Friendly </strong><br />
 Since blogs have often become a source for instant updates and alerts, it’s important to make your blog mobile friendly. <a href="http://www.mobify.me" target="_blank">Mobify</a> is a free service that translates your Wordpress blog into a mobile-friendly site supported on up to 500 mobile devices. Another alternative is <a href="http://www.reader.google.com" target="_blank">Google Reader</a>, which generates a mobile view of your RSS feed.</p>
<p><em>Example:</em> <a href="http://www.engadget.com/" target="_blank">Engadget</a> offers iPhone and other mobile apps for its readers to download.</p>
<p><a href="http://www.engadget.com/" target="_blank"><img class="alignnone size-full wp-image-902" title="engadget" src="http://www.loewy.com/wp-content/uploads/2010/07/engadget.jpg" alt="engadget" width="519" height="520" /></a></p>
<p>5.<strong> Integrate Facebook </strong><br />
 Readers logged into their Facebook accounts will be able to see their friends’ activity on your blog. If there isn’t enough activity, posts with the most recommendations among all of your readers will be displayed. This a great feature for integrating personalized content into your blog—and it’s all in the hands of Facebook. Just fill out a simple form and paste the code on your blog. <a href="http://developers.facebook.com/docs/reference/plugins/activity" target="_blank">Set up your site here.</a></p>
<p><em>Example:</em> The NHL displays Facebook-recommended posts—you can see what posts your buddies are reading and sharing about your favorite hockey teams and players.</p>
<p><img class="alignnone size-full wp-image-904" title="nhl" src="http://www.loewy.com/wp-content/uploads/2010/07/nhl.jpg" alt="nhl" width="519" height="324" /></p>
<p><br class="spacer_" /></p>
<p>6. <strong>Create a Widget You Can Share with Other Blogs </strong><br />
 You can share a feed of your blog’s content by creating a grabbable widget for readers to put on their own sites or blogs. You don’t have to be a developer to create a widget—<a href="http://www.widgetbox.com" target="_blank">Widgetbox</a> makes one for you as long as you have an RSS feed, or a feed from YouTube, Twitter, Flickr, or one of several other media sites.</p>
<p><em>Example: </em>Readers or bloggers can post a feed of the latest news from <a href="http://www.mtv.com/news/" target="_blank">MTV</a> on their own Facebook, Wordpress, Blogger, Typepad, or any of dozens of other personal sites.</p>
<p><a href="http://www.mtv.com/news/" target="_blank"><img class="alignnone size-full wp-image-905" title="mtv-wdiget" src="http://www.loewy.com/wp-content/uploads/2010/07/mtv-wdiget.jpg" alt="mtv-wdiget" width="350" height="440" /></a></p>
<p><img class="alignnone size-full wp-image-906" title="mtv2" src="http://www.loewy.com/wp-content/uploads/2010/07/mtv2.jpg" alt="mtv2" width="350" height="440" /></p>
<p><br class="spacer_" /></p>
<p>7. <strong>Get Creative with Ad Space </strong><br />
 In some cases advertising is an essential means of maintaining a blog. However, conscious consumers are becoming too savvy to click on an obvious ad, and bloggers are having to give up precious real estate for advertising instead of using it for content. There are more-innovative ways to make money with your blog while conserving space.</p>
<p><em>Example:</em> <a href="http://abduzeedo.com/" target="_blank">Abduzeedo</a>, a graphic design and photoshop tutorial blog, displays an ad wall in its footer—a series of 36 favicon-style GIFs that link to advertisers’ sites. This is a smart and space-saving method to display ads without cluttering your site. (It’s also quite lucrative!)</p>
<p><a href="http://abduzeedo.com/" target="_blank"><img class="alignnone size-full wp-image-907" title="abduzeedo" src="http://www.loewy.com/wp-content/uploads/2010/07/abduzeedo.jpg" alt="abduzeedo" width="519" height="52" /></a></p>
<p><em>Example:</em> <a href="http://www.justjared.com" target="_blank">Just Jared</a> uses an ad network called <a href="http://www.Pixazza.com/" target="_blank">Pixazza</a>, which matches apparel seen in photos from online retailers such as Macy’s, BlueFly, and Shopbop. With just a click, readers can buy the very same outfit Gwen Stefani is wearing in a paparazzi photo. The ad network’s website doesn’t do a good job of explaining exactly how this works—so I’m just going to assume it’s magic!</p>
<p><img class="alignnone size-full wp-image-908" title="justjared" src="http://www.loewy.com/wp-content/uploads/2010/07/justjared.jpg" alt="justjared" width="500" height="476" /></p>
<p><br class="spacer_" /></p>
<p>8. <strong>Make It Fun to Share </strong><br />
 Using the <a href="http://www.meebo.com" target="_blank">Meebo Bar</a>, users can drag and drop stories into their favorite social media sites to share with friends. Instead of monotonously clicking one button, users feel that they are sharing and engaging by dragging and dropping posts.</p>
<p><em>Example:</em> <a href="http://www.tmz.com" target="_blank">TMZ</a> uses Meebo to share posts and can view statistics about shares all in one place.</p>
<p><img class="alignnone size-full wp-image-909" title="tmz1" src="http://www.loewy.com/wp-content/uploads/2010/07/tmz1.jpg" alt="tmz1" width="500" height="408" /></p>
<p><img class="alignnone size-full wp-image-910" title="tmz2" src="http://www.loewy.com/wp-content/uploads/2010/07/tmz2.jpg" alt="tmz2" width="500" height="408" /></p>
<p><img class="alignnone size-full wp-image-911" title="tmz-drag" src="http://www.loewy.com/wp-content/uploads/2010/07/tmz-drag.jpg" alt="tmz-drag" width="500" height="408" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/8-steps-to-a-smarter-blog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Strategy Is king</title>
		<link>http://www.loewy.com/strategy-is-king/</link>
		<comments>http://www.loewy.com/strategy-is-king/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 14:48:35 +0000</pubDate>
		<dc:creator>Donald May</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[business strategy]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[online publishing]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=616</guid>
		<description><![CDATA[
In a previous post, I talked about trimming the fat from content. But let’s face it: trimming the fat assumes you had good meat to start with. In a world where people have precious little time, if you’re thinking site redesign, content strategy has to be a main priority. 
I’ve been working with a client [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.loewy.com/strategy-is-king"><img title="blog_art_strategy" src="../wp-content/uploads/2009/10/blog_art_strategy.jpg" alt="blog_art_strategy" width="519" height="305" /></a></p>
<p>In a previous post, I talked about trimming the fat from content. But let’s face it: trimming the fat assumes you had good meat to start with. In a world where people have precious little time, if you’re thinking site redesign, content strategy has to be a main priority. <span id="more-616"></span></p>
<p>I’ve been working with a client recently on a large site redesign. Like many of my other site-redesign projects, this one was long overdue. Much of the content was outdated. It had been managed by a host of individuals, all from different countries, who each had their own way of doing things. The jargon was so product- and business-specific (filled with acronyms and marketing brand names) that it was hard for anyone outside the company to understand. Images (yes, images are content too) were old and poorly optimized, and they incorporated a myriad of photo styles, none of which went together. The client was going to implement a new content management system, which is very robust but needs a lot of management on the development side to institute roles and define content types. What was needed was a true content strategist.</p>
<p>A content strategist works with a client to understand what content will end up on a site, how that content will be organized, what processes will be in place to manage content of different types, and how various types of content relate to one another. Content strategists are part information architects and part copywriters, with a dash of user advocate thrown in. They create rules-based approaches for refining existing content, enhance search optimization of content through metatags and keywords, and develop new content.</p>
<p>While working with an information architect (IA) is necessary in nearly all web and application design projects, for large brochure and information-rich sites a content strategist on the team is also invaluable.</p>
<p>The benefits of working with a content strategist:</p>
<ul>
<li>Content strategists are more focused on the specific content of the site and not just the organization of that content as it relates to the overall architecture, as an IA would be.</li>
<li>A content strategist can develop a matrix that defines content types and sets up relevance relationships to shape how content is linked throughout the site.</li>
<li>Content strategists can set up keyword, data tag, and metatag information for content elements and pages.</li>
<li>Content strategists can set up rules for content, such as whether a page title also becomes the menu title to navigate to that page, or whether images should have captions. These details are often too granular for an IA to be involved with.</li>
<li>A content strategist can define data elements for individual page templates and help the IA structure the priority for those elements. This can be a way to organize existing content, or to help understand what important content elements might be missing.</li>
<li>Content strategists can help define roles for those who edit content. In complex companies, multiple levels of access and workflow processes might be needed. This “behind the scenes” look into content creation is something information architects don’t often perform.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/strategy-is-king/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tools of the trade</title>
		<link>http://www.loewy.com/tools-of-the-trade/</link>
		<comments>http://www.loewy.com/tools-of-the-trade/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 19:24:07 +0000</pubDate>
		<dc:creator>Matt Kaye</dc:creator>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[time management]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=377</guid>
		<description><![CDATA[
Everyone&#8211;designer and developer alike&#8211;has a set of tools to rely on that make the day go smoothly. We all have tricks that help us be more productive and more efficient&#8211;and take less Tylenol! 
Here’s my list of tools that I use on a daily basis:  
CSS/HTML/JavaScript Helpers:
 Firebug (FireFox Add-on)
 This is probably my [...]]]></description>
			<content:encoded><![CDATA[<p><a href="2009/09/tools-of-the-trade/"><img class="alignnone size-full wp-image-389" title="firebug" src="http://www.loewy.com/wp-content/uploads/2009/09/firebug.jpg" alt="firebug" width="519" height="260" /></a></p>
<p>Everyone&#8211;designer and developer alike&#8211;has a set of tools to rely on that make the day go smoothly. We all have tricks that help us be more productive and more efficient&#8211;and take less Tylenol! <span id="more-377"></span></p>
<p>Here’s my list of tools that I use on a daily basis:  <strong></strong></p>
<p><strong>CSS/HTML/JavaScript Helpers:</strong><a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank"><br />
 Firebug</a> (FireFox Add-on)<br />
 This is probably my top choice for front-end development. You can see/edit/remove CSS styles and HTML markup on the fly with this great resource. It also has many built-in features that allow you to debug JavaScript code right from the browser.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">Web Developer Toolbar</a> (FireFox Add-on)<br />
 This tool is similar to Firebug in the functions it offers. I find the combination of the two to be useful; I choose between them depending on the situation.  The Web Developer Toolbar’s auto population of form fields saves lots of time, and the inline ruler is quite handy when comparing designs to markup.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5392" target="_blank">Dust-me Selectors</a> (FireFox Add-on)<br />
 This is a helpful tool to keep stylesheets as lean as possible. It extracts all the selectors from all the stylesheets on the page you&#8217;re viewing, then analyzes that page to see which of those selectors are not used. It then stores the data, so when you test subsequent pages, selectors can be crossed off the list as they&#8217;re encountered.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/6647" target="_blank">HttpFox</a> (FireFox Add-on)<br />
 HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers. This resource is useful if you need to know what files are being requested from a web server and you can’t get that information directly by viewing the source code.</p>
<p><a href="http://www.cleancss.com/" target="_blank">CleanCSS </a><br />
 CleanCSS is a powerful CSS optimizer and formatter. It takes your CSS code and makes it cleaner and more concise.</p>
<p><a href="http://tools.arantius.com/tabifier" target="_blank">Tabifier</a><br />
 If you work with messy coders or inherit old code that hasn’t been kept neat, this tool will save you lots of time and eyestrain by correctly indenting the code and making it easier to read.</p>
<p><strong>Browser Testing: </strong><br />
 <a href="http://www.xenocode.com/Browsers/" target="_blank">XenoCode Browser Sandbox</a><br />
 You don’t have to keep installing different browsers; XenoCode lets you run the browser of your choice virtually from its servers. This service essentially sandboxes the browser, allowing you to run it without changing any of your computer settings. I usually have IE6 and 7 running along with my installed version of IE8.</p>
<p><a href="http://ipinfo.info/netrenderer/" target="_blank">IENetRender </a><br />
 Here’s another handy tool; it allows you to see real-time screenshots of your page in many versions of IE.</p>
<p><a href="http://www.browsrcamp.com/" target="_blank">Browsrcamp</a><br />
 If you develop on a PC, Browsrcamp allows you to see screenshots of what your page will look like in MAC Safari. I’ve found that the PC version of Safari doesn’t always render pages consistently.</p>
<p><a href="http://validator.w3.org/" target="_blank">W3C Validator</a> <br />
 This choice is an obvious one. Validation keeps developers honest and squashes most problems before they become headaches.</p>
<p><strong>Version Control: </strong><br />
 <a href="http://www.assembla.com/" target="_blank">Assembla </a><br />
 Assembla offers a nice control panel interface for your version-controlled spaces. This particular one runs on Subversion. Even if you’re coding a project all by yourself, I would recommend some kind of version-control software as a must-have. It will save you hours of time.</p>
<p><a href="http://tortoisesvn.net/" target="_blank">Tortoise SVN </a><br />
 This is a great SVN client that ties right in with the Windows Explorer Shell. (Sorry, MAC users.) There are numerous subversion clients out there, but this one is my favorite because it runs silently in the background until you need it.</p>
<p><strong>Server Environment Information: </strong><br />
 <a href="http://builtwith.com/" target="_blank">Builtwith</a><br />
 Builtwith is a web technology information profiler; it lets you find out what a given site is using.</p>
<p><a href="http://dndetails.com/" target="_blank">Domain Name Details </a><br />
 The name says it all. This is a good place to find answers to most of your common questions about domain names quickly.</p>
<p>This list is by no means exhaustive. There are lots of great products out there that you may find just as useful. It’s really all a matter of preference and comfort. What tools do you use in your development cycle? Feel free to share!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/tools-of-the-trade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->