<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>
<channel>
	<title>introspective snapshots &#187; Design</title>
	<atom:link href="http://www.sheysmith.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sheysmith.com</link>
	<description>Shey's blog — discussing social media, business, blogging, design, and more.</description>
	<lastBuildDate>Wed, 01 Sep 2010 14:55:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='www.sheysmith.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>CSS Naked Day</title>
		<link>http://www.sheysmith.com/2010/04/09/css-naked-day/</link>
		<comments>http://www.sheysmith.com/2010/04/09/css-naked-day/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 12:47:14 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/?p=537</guid>
		<description><![CDATA[What happened to the design? It’s CSS Naked Day! The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your &#60;body&#62;. To know more about why [...]]]></description>
			<content:encoded><![CDATA[<h3>What happened to the design?</h3>
<p>It’s CSS Naked Day!</p>
<p>The idea behind this event is to promote Web Standards. Plain and simple.<br />
This includes proper use of (x)html, semantic markup, a good hierarchy structure,<br />
and of course, a good ‘ol play on words. It’s time to show off your &lt;body&gt;.</p>
<p>To know more about why styles are disabled on this website visit the<br />
<a title="Web Standards Naked Day Host Website" href="http://naked.dustindiaz.com/"><br />
Annual CSS Naked Day</a> website for more information.</p>
<a href='http://www.sheysmith.com/2010/04/09/css-naked-day/' class='retweet ' startCount = '0'>CSS Naked Day</a>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/css/" title="css" rel="tag nofollow">css</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/web-design/" title="web design" rel="tag nofollow">web design</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/xhtml/" title="xhtml" rel="tag nofollow">xhtml</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/" title="CSS Naked Day (April 9, 2008)">CSS Naked Day</a></li>
	<li><a href="http://www.sheysmith.com/2009/03/05/confessions-of-a-freelance-web-designer/" title="Confessions of a Freelance Web Designer (March 5, 2009)">Confessions of a Freelance Web Designer</a></li>
	<li><a href="http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/" title="18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks (June 23, 2008)">18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks</a></li>
	<li><a href="http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/" title="10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009 (December 29, 2008)">10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2010/04/09/css-naked-day/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	</item>
		<item>
		<title>Confessions of a Freelance Web Designer</title>
		<link>http://www.sheysmith.com/2009/03/05/confessions-of-a-freelance-web-designer/</link>
		<comments>http://www.sheysmith.com/2009/03/05/confessions-of-a-freelance-web-designer/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 23:23:52 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/?p=15</guid>
		<description><![CDATA[I&#8217;ve found, on a daily basis, that many people have misconceptions, or are totally ignorant about, the process of getting a web site designed. Many of you know what I&#8217;m talking about and the rest of you are probably still in the dark. For those of you who already know what I mean, we should [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://flickr.com/photos/allaboutgeorge/2324397615/in/photostream"><img src="http://www.sheysmith.com/images/confessions.png" alt="Confessions" class="imgleft" /></a><br />
I&#8217;ve found, on a daily basis, that many people have misconceptions, or are totally ignorant about, the process of getting a web site designed.  Many of you know what I&#8217;m talking about and the rest of you are probably still in the dark.  For those of you who already know what I mean, we should get together and write a book someday.  The rest of you, keep reading; I have some confessions that may help you on your next web design project.<br />
<span id="more-15"></span></p>
<h3>Web design is harder than you think.</h3>
<p>I don&#8217;t just move pretty pictures around in <del datetime="2009-03-02T14:50:28+00:00">Photoshop</del> Fireworks — there&#8217;s a lot of thought, consideration, and a certain amount of instinct involved in everything I do.</p>
<h3>I&#8217;ll spend more hours on your project than you think.</h3>
<p>The outcome of your final project is a reflection of myself — I&#8217;ll need to make sure it&#8217;s up to my own standards in addition to yours.</p>
<h3>When you say you want a &#8220;basic&#8221; website, I don&#8217;t believe you.</h3>
<p>You want a few pages of content that doesn&#8217;t change over time?  That&#8217;s basic.</p>
<h3>I do not, in any form or circumstance or by any amount of persuasion, want to be a business partner in your venture.</h3>
<p>You might want to try going to people who <em>have</em> money and are willing to invest in your business, I&#8217;m not a venture capitalist.</p>
<h3>If you&#8217;re a first time customer, I&#8217;m not interested in discounting my quote because you promise to give me more projects in the future.</h3>
<p>But if you are a repeat customer, you will definitely get discount anyway.</p>
<h3>I truly believe the content you incorporate on your site is more important than any &#8220;fantastic&#8221; design I create.</h3>
<p>You worry about the content, let me worry about the design; with some minor crossover of course. </p>
<h3>If I get input on your content, you get input on design.</h3>
<p>I don&#8217;t want to be your copy writer and I don&#8217;t want to be your Human Photoshop Brush — the project will just flow smoother if we&#8217;re both a little flexible.</p>
<h3>No, I will not design your logo for $50.</h3>
<p>Your logo will often be the first piece of communication between your business and a potential customer.  Why wouldn&#8217;t you want to invest appropriately in that?</p>
<h3>I have, on occasion, wanted to fire a client.</h3>
<p>Many reasons for this, some of which I have already listed here.</p>
<h3>Still not sure if this post was a good idea or not.</h3>
<p>I think many people, especially non-techie [ultra-] small business startups, really have no experience in web design projects or really any kind of design project and kinda make it up as they go along.  Patience is key in these situations. I&#8217;ve found that even the most inexperienced clients are willing to learn from and listen to you if you can empathize with them.</p>
<p>As a client or a designer, what confessions do you have?</p>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/business/" title="Business" rel="tag nofollow">Business</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/clients/" title="clients" rel="tag nofollow">clients</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/freelance/" title="freelance" rel="tag nofollow">freelance</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/process/" title="process" rel="tag nofollow">process</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/web-design/" title="web design" rel="tag nofollow">web design</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2008/08/19/the-human-side-of-project-management/" title="The Human Side of Project Management (August 19, 2008)">The Human Side of Project Management</a></li>
	<li><a href="http://www.sheysmith.com/2008/05/26/friendfeed-is-the-signal/" title="FriendFeed Is The Signal (May 26, 2008)">FriendFeed Is The Signal</a></li>
	<li><a href="http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/" title="CSS Naked Day (April 9, 2008)">CSS Naked Day</a></li>
	<li><a href="http://www.sheysmith.com/2010/04/09/css-naked-day/" title="CSS Naked Day (April 9, 2010)">CSS Naked Day</a></li>
	<li><a href="http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/" title="18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks (June 23, 2008)">18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2009/03/05/confessions-of-a-freelance-web-designer/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<media:thumbnail url="http://www.sheysmith.com/images/confessions.png" />
		<media:content url="http://www.sheysmith.com/images/confessions.png" medium="image">
			<media:title type="html">Confessions</media:title>
		</media:content>
	</item>
		<item>
		<title>10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009</title>
		<link>http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/</link>
		<comments>http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 23:21:15 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/?p=248</guid>
		<description><![CDATA[There are some great blogs out there with killer content and a vast audience.&#160; Unfortunately, the design of some of these blogs aren’t of the same caliber as their content. I had TechCrunch and Scobleizer on the list but their recent redesigns look great! Hopefully, without sounding like another design snob, I’d like to list [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sheysmith.com/wp-content/uploads/2008/12/blogredesigns.jpg"><img title="blogredesigns"  height="226" alt="blogredesigns" src="http://www.sheysmith.com/wp-content/uploads/2008/12/blogredesigns-thumb.jpg" width="259" class="imgleft" /></a> There are some great blogs out there with killer content and a vast audience.&#160; Unfortunately, the design of some of these blogs aren’t of the same caliber as their content.</p>
<p>I had <a title="TechCrunch" href="http://www.techcrunch.com">TechCrunch</a> and <a title="Scobleizer" href="http://www.scobleizer.com">Scobleizer</a> on the list but their recent redesigns look great!</p>
<p>Hopefully, without sounding like another design snob, I’d like to list some popular blogs that I hope get a redesign in 2009.</p>
<p>&#160;</p>
<p> <span id="more-248"></span>
<p>In no specific order:</p>
<h3>1) Lifehacker</h3>
<p><a title="Lifehacker" href="http://lifehacker.com"><img title="Lifehacker" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="207" alt="Lifehacker " src="http://www.sheysmith.com/wp-content/uploads/2008/12/lifehacker.png" width="584" border="0" /></a> </p>
<p>Really its not just Lifehacker but all the <a title="Gawker Media" href="http://gawker.com/">Gawker Media</a> blogs.</p>
<p>&#160;</p>
<h3>2) LouisGray.com</h3>
<p><a title="LouisGray.com" href="http://www.louisgray.com"><img title="LouisGray.com" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="207" alt="LouisGray.com" src="http://www.sheysmith.com/wp-content/uploads/2008/12/louisgray.png" width="580" border="0" /></a> </p>
<p>Louis Gray has a great blog with some of the most interesting thoughts and topics out there, and a fresh design would be a great complement.</p>
<p>&#160;</p>
<h3>3) Techipedia</h3>
<p><a title="Techipedia" href="http://www.techipedia.com"><img title="Techipedia" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="207" alt="Techipedia" src="http://www.sheysmith.com/wp-content/uploads/2008/12/techipedia.png" width="580" border="0" /></a> </p>
<p>So much potential here, would love to see a design that incorporates the logo well.</p>
<p>&#160;</p>
<h3>4) Read Write Web</h3>
<p><a title="Read Write Web" href="http://www.readwriteweb.com"><img title="Read Write Web" style="display: inline" height="207" alt="Read Write Web" src="http://www.sheysmith.com/wp-content/uploads/2008/12/readwriteweb.png" width="580" /></a> </p>
<p>Read Write Web is one of my favourite blogs and the layout and typography isn’t really that horrible.&#160; It’s mostly the header and logo that bug me.</p>
<p>&#160;</p>
<h3>5) ProBlogger</h3>
<p><a title="ProBlogger" href="http://www.problogger.net"><img title="ProBlogger" style="display: inline" height="207" alt="ProBlogger" src="http://www.sheysmith.com/wp-content/uploads/2008/12/problogger.png" width="580" /></a> </p>
<p>I used to like ProBlogger’s design — not sure what happened.&#160; Maybe it was the increase in ads or maybe I got tired of reading Helvetica in such small font sizes (one of my web pet peeves).</p>
<p>&#160;</p>
<h3>6) The Last Podcast</h3>
<p><a title="The Last Podcast" href="http://www.lastpodcast.net/"><img title="The Last Podcast" style="display: inline" height="207" alt="The Last Podcast" src="http://www.sheysmith.com/wp-content/uploads/2008/12/lastpodcast.png" width="580" /></a> </p>
<p>Frederic runs a great blog here as well, but this template needs to go.</p>
<p>&#160;</p>
<h3>7) ChrisBrogan.com</h3>
<p><a title="ChrisBrogan.com" href="http://www.chrisbrogan.com"><img title="ChrisBrogan.com" style="display: inline" height="207" alt="ChrisBrogan.com" src="http://www.sheysmith.com/wp-content/uploads/2008/12/chrisbrogan.png" width="580" /></a> </p>
<p>I don’t actually have any real beef with his current design, personally I just loved <a href="http://thefuturebuzz.com/2008/07/30/25-examples-of-clean-effective-and-beautiful-web-design/" title="25 Examples Of Clean, Effective And Beautiful Web Design" >the previous one</a> so much more.&#160; Bring it back Chris!</p>
<p>&#160;</p>
<h3>&#56;) Performancing</h3>
<p><a title="Performancing" href="http://www.performancing.com"><img title="Performancing" style="display: inline" height="207" alt="Performancing" src="http://www.sheysmith.com/wp-content/uploads/2008/12/performancing.png" width="580" /></a> </p>
<p>Very helpful blog but I’m not a fan of fluid width layouts plus it really could use a refresh.&#160; Not friendly with 17” monitors either.</p>
<p>&#160;</p>
<h3>9) Web Strategy by Jeremiah</h3>
<p><a title="Web Strategy by Jeremiah" href="http://web-strategist.com/blog/"><img title="Web Strategy by Jeremiah" style="display: inline" height="207" alt="Web Strategy by Jeremiah" src="http://www.sheysmith.com/wp-content/uploads/2008/12/webstrategy.png" width="580" /></a> </p>
<p>Earlier this year, Jeremiah asked what he could do to improve the way his blog looks.&#160;&#160; I suggested he change the background to white instead of light gray.&#160; But now, I’m asking for more <img src='http://www.sheysmith.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>&#160;</p>
<h3>10) Micro Persuasion</h3>
<p><a title="Micro Persuasion" href="http://www.micropersuasion.com"><img title="Micro Persuasion" style="display: inline" height="207" alt="Micro Persuasion" src="http://www.sheysmith.com/wp-content/uploads/2008/12/micropersuasion.png" width="580" /></a> </p>
<p>Not sure how flexible Typepad is, but I’d love to see what could be done here.</p>
<p>&#160;</p>
<p>Now, before I get anyone lashing back at me, please consider that my intentions are not to be critical of these blogs as a whole.&#160; I just think the visual aspects warrant some improvement.</p>
<p>Do you agree or disagree?&#160; What sites would you add to this list?</p>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/blogging/" title="Blogging" rel="tag nofollow">Blogging</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/blogs/" title="blogs" rel="tag nofollow">blogs</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/design/" title="Design" rel="tag nofollow">Design</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/redesign/" title="redesign" rel="tag nofollow">redesign</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/social-media/" title="Social Media" rel="tag nofollow">Social Media</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/tech/" title="Tech" rel="tag nofollow">Tech</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/web-design/" title="web design" rel="tag nofollow">web design</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2008/04/27/yacktrack-a-tool-to-quiet-bloggers-whining-about-distributed-comments/" title="YackTrack: A Tool To Quiet Bloggers&#8217; Whining About Distributed Comments? (April 27, 2008)">YackTrack: A Tool To Quiet Bloggers&#8217; Whining About Distributed Comments?</a></li>
	<li><a href="http://www.sheysmith.com/2008/05/29/the-case-for-distributed-conversations/" title="The Case For Distributed Conversations (May 29, 2008)">The Case For Distributed Conversations</a></li>
	<li><a href="http://www.sheysmith.com/2008/07/30/i-chose-the-echo-chamber/" title="I Chose The Echo Chamber (July 30, 2008)">I Chose The Echo Chamber</a></li>
	<li><a href="http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/" title="CSS Naked Day (April 9, 2008)">CSS Naked Day</a></li>
	<li><a href="http://www.sheysmith.com/2008/07/06/comment-portability-the-commenting-standard-of-the-future/" title="Comment Portability: The Commenting Standard of the Future (July 6, 2008)">Comment Portability: The Commenting Standard of the Future</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		<media:thumbnail url="http://www.sheysmith.com/wp-content/uploads/2008/12/blogredesigns-thumb.jpg" />
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/blogredesigns-thumb.jpg" medium="image">
			<media:title type="html">blogredesigns</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/lifehacker.png" medium="image">
			<media:title type="html">Lifehacker</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/louisgray.png" medium="image">
			<media:title type="html">LouisGray.com</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/techipedia.png" medium="image">
			<media:title type="html">Techipedia</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/readwriteweb.png" medium="image">
			<media:title type="html">Read Write Web</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/problogger.png" medium="image">
			<media:title type="html">ProBlogger</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/lastpodcast.png" medium="image">
			<media:title type="html">The Last Podcast</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/chrisbrogan.png" medium="image">
			<media:title type="html">ChrisBrogan.com</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/performancing.png" medium="image">
			<media:title type="html">Performancing</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/webstrategy.png" medium="image">
			<media:title type="html">Web Strategy by Jeremiah</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com/wp-content/uploads/2008/12/micropersuasion.png" medium="image">
			<media:title type="html">Micro Persuasion</media:title>
		</media:content>
	</item>
		<item>
		<title>18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks</title>
		<link>http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/</link>
		<comments>http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/#comments</comments>
		<pubDate>Mon, 23 Jun 2008 21:59:59 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/?p=39</guid>
		<description><![CDATA[Firefox is a huge part of what I do as a web designer (aka Pixel Pimp) and a Social Media Skank. Along the way I&#8217;ve gone through my fair share of crappy addons while keeping the ones I found most helpful.&#160; Here&#8217;s a list of the 18 addons I&#8217;ve kept around; hopefully you can find [...]]]></description>
			<content:encoded><![CDATA[<p><a title="22&quot;" href="http://www.flickr.com/photos/ingorrr/1099921546/"><img class="imgleft" alt="22" src="http://www.sheysmith.com/images/22.jpg"/></a><a href="http://www.getfirefox.com">Firefox </a>is a <strong>huge</strong> part of what I do as a <a title="SweetSop Design" href="http://www.sweetsopweb.com/">web designer</a> (aka Pixel Pimp) and a Social Media Skank. Along the way I&#8217;ve gone through my fair share of crappy addons while keeping the ones I found most helpful.&nbsp; Here&#8217;s a list of the 18 addons I&#8217;ve kept around; hopefully you can find them useful as well.</p>
<p><strong>Ay shawwwty, wha&#8217;yo flava iis?</strong></p>
</p>
<p><span id="more-39"></span></p>
<h3>Pixel Pimping</h3>
<p><a title="ColorZilla" href="https://addons.mozilla.org/en-US/firefox/addon/271"><img alt="ColorZilla" src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/271"/> ColorZilla</a><br />This is a great addon that lets you get the colour reading of anywhere in the browser.&nbsp; It also has a colour picker with several palettes built-in.</p>
<p><a title="Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/1843"><img alt="Firebug " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/1843"/> Firebug</a> <br />Edit, debug, and monitor CSS, HTML, and JavaScript, <strong>live</strong>.</p>
<p><a title="FireFTP" href="https://addons.mozilla.org/en-US/firefox/addon/684"><img alt="FireFTP" src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/684"/> FireFTP</a> <br />An FTP program built into Firefox. <br /><em>My favourite feature: Keep directories in sync while navigating.</em></p>
<p><a title="IE Tab" href="https://addons.mozilla.org/en-US/firefox/addon/1419"><img alt="IE Tab " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/1419"/> IE Tab</a> <br />Open <a title="Internet Explorer homepage" href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">Internet Explorer</a>-rendered web pages in Firefox and easily switch back and forth between IE/FF.</p>
<p><img alt="Measure It " src="https://addons.mozilla.org/img/addon-icn.png"/> <a title="Measure It" href="https://addons.mozilla.org/en-US/firefox/addon/539">Measure It</a> <br />I use it to measure the pixels of anything and everything inside the browser window.</p>
<p><img alt="Web Developer Toolbar " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/60"/> <a title="Web Developer Toolbar" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Toolbar</a> <br />Several tools including working with CSS, forms, cookies, images, and more. <br /><em>My favourite feature: Resize window (to 1024&#215;768, 800&#215;600, etc.)</em></p>
<p><a title="FireShot" href="https://addons.mozilla.org/en-US/firefox/addon/5648"><img alt="FireShot " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/5648"/> FireShot</a> <br />Enables you to take full page screenshots of web pages with additional functionality like editing and annotating. <br /><em>My favourite feature: Full page screenshots with a customizable delay for Flash movies.</em></p>
<p>&nbsp;</p>
<h3>Social Media Skanking</h3>
<p><a title="Better Gmail 2" href="https://addons.mozilla.org/en-US/firefox/addon/6076"><img alt="Better Gmail 2 " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/6076"/> Better Gmail 2</a> <br />Includes a really nice skin for Gmail with additional options.&nbsp; A compilation of the best Gmail <a href="#grease">Greasemonkey </a>scripts. <br /><em>My favourite feature: Real file icons for attachments (instead of the paperclip)</em></p>
<p><a title="Delicious Bookmarks" href="https://addons.mozilla.org/en-US/firefox/addon/3615"><img alt="Del.icio.us Bookmarks " src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/3615"/> Del.icio.us Bookmarks</a> <br />Allows you to open your Del.icio.us bookmarks in your sidebar or in the browser window and tag/save websites.</p>
<p><a title="Download Statusbar" href="https://addons.mozilla.org/en-US/firefox/addon/26"><img alt="Download Statusbar " src="https://addons.mozilla.org/img/addon-icn.png"/> Download Statusbar</a> <br />Use your status bar to see the progress of your downloads instead of that annoying popup window.</p>
<p><a title="DragDropUpload" href="https://addons.mozilla.org/en-US/firefox/addon/2190"><img alt="DragDropUpload " src="https://addons.mozilla.org/img/addon-icn.png"/> DragDropUpload</a> <br />Instead of having to browse for files when uploading or attaching to an email, you can simple drag the file to the input area of the form.&nbsp; The addon will automatically insert the path.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2410"><img alt="Foxmarks Bookmark Synchronizer" src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/2410"/> Foxmarks Bookmark Synchronizer</a><br />This extension saves your bookmarks to a server, where you can access it from any computer that has Foxmarks installed.&nbsp; Bookmarks are updated so you can take them with you anywhere you go.</p>
<p><a id="grease" title="Greasemonkey" href="https://addons.mozilla.org/en-US/firefox/addon/748"><img alt="Greasemonkey" src="https://addons.mozilla.org/img/addon-icn.png"/> Greasemonkey</a><br />This addon enables you to install small bits of JavaScript (Greasemonkey scripts) to manipulate and customize page displays in Firefox.<br /><em>My favourite Greasemonkey script: </em><a title="Internet Duct Tape: Pagerization" href="http://internetducttape.com/2008/03/28/friendfeed-greasemonkey-8-scripts/"><em>Pagerization</em></a><em>.</em></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5579"><img src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/5579"/> PicLens</a><br />Hands down the <strong>coolest addon ever</strong>.&nbsp; Great for viewing images, photos and video from <a href="http://www.flickr.com">Flickr</a>, <a href="http://images.google.com">Google Image Search</a>, <a href="http://www.youtube.com">YouTube</a>, and more.&nbsp; Just <a title="View the PicLens Demo" href="http://piclens.com/demo">view the demo</a> and you&#8217;ll see.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/636"><img alt="PDF Download" src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/636"/> PDF Download</a><br />Don&#8217;t you hate when links to PDF open in your browser?&nbsp; Or the take forever to open and freeze your system?&nbsp; PDF Download lets you choose how to open/PDFs and even gives you the option of converting it to HTML.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5457"><img src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/5457"/> Shareaholic</a><br />The <strong>best addon</strong> for sharing content on the web, <strong>period</strong>.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/138"><img alt="StumbleUpon" src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/138"/> StumbleUpon</a><br />Great addon for random stumbling, sending sites to your friends and stumbling via interests or through various websites.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/4664"><img src="https://addons.mozilla.org/en-US/firefox/images/addon_icon/4664"/> TwitterBar</a><br />Great addon for twittering on the down-low.&nbsp; Just type your tweet in the location bar and send away.&nbsp; <br /><em>My favourite feature: TwitterBar lets me know how many available characters I have left in my tweet.</em></p>
<p>What addons would you recommend?</p>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/firefox/" title="firefox" rel="tag nofollow">firefox</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/productivity/" title="productivity" rel="tag nofollow">productivity</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/social-media/" title="Social Media" rel="tag nofollow">Social Media</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/web-design/" title="web design" rel="tag nofollow">web design</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2008/05/06/how-i-fit-54-shortcuts-in-my-firefox-toolbar/" title="How I Fit 54 Shortcuts In My Firefox Toolbar (May 6, 2008)">How I Fit 54 Shortcuts In My Firefox Toolbar</a></li>
	<li><a href="http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/" title="10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009 (December 29, 2008)">10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009</a></li>
	<li><a href="http://www.sheysmith.com/2008/04/27/yacktrack-a-tool-to-quiet-bloggers-whining-about-distributed-comments/" title="YackTrack: A Tool To Quiet Bloggers&#8217; Whining About Distributed Comments? (April 27, 2008)">YackTrack: A Tool To Quiet Bloggers&#8217; Whining About Distributed Comments?</a></li>
	<li><a href="http://www.sheysmith.com/2008/04/01/we-need-social-media-interpreters-not-more-evangelists/" title="We Need Social Media Interpreters, not more Evangelists (April 1, 2008)">We Need Social Media Interpreters, not more Evangelists</a></li>
	<li><a href="http://www.sheysmith.com/2008/06/13/to-comment-or-not-to-comment/" title="To Comment or Not to Comment (June 13, 2008)">To Comment or Not to Comment</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<media:thumbnail url="http://www.sheysmith.com/images/22.jpg" />
		<media:content url="http://www.sheysmith.com/images/22.jpg" medium="image">
			<media:title type="html">22</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/271" medium="image">
			<media:title type="html">ColorZilla</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/1843" medium="image">
			<media:title type="html">Firebug </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/684" medium="image">
			<media:title type="html">FireFTP</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/1419" medium="image">
			<media:title type="html">IE Tab </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/img/addon-icn.png" medium="image">
			<media:title type="html">Measure It </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/60" medium="image">
			<media:title type="html">Web Developer Toolbar </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/5648" medium="image">
			<media:title type="html">FireShot </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/6076" medium="image">
			<media:title type="html">Better Gmail 2 </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/3615" medium="image">
			<media:title type="html">Del.icio.us Bookmarks </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/img/addon-icn.png" medium="image">
			<media:title type="html">Download Statusbar </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/img/addon-icn.png" medium="image">
			<media:title type="html">DragDropUpload </media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/2410" medium="image">
			<media:title type="html">Foxmarks Bookmark Synchronizer</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/img/addon-icn.png" medium="image">
			<media:title type="html">Greasemonkey</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/5579" medium="image" />
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/636" medium="image">
			<media:title type="html">PDF Download</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/5457" medium="image" />
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/138" medium="image">
			<media:title type="html">StumbleUpon</media:title>
		</media:content>
		<media:content url="http://www.sheysmith.com//addons.mozilla.org/en-US/firefox/images/addon_icon/4664" medium="image" />
	</item>
		<item>
		<title>Download Firefox 3 Today!</title>
		<link>http://www.sheysmith.com/2008/06/17/download-firefox-3-today/</link>
		<comments>http://www.sheysmith.com/2008/06/17/download-firefox-3-today/#comments</comments>
		<pubDate>Tue, 17 Jun 2008 18:01:15 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[firefox]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/?p=57</guid>
		<description><![CDATA[It’s Firefox 3 download day!&#160; Firefox 3 is a great browser and my personal favourite.&#160; Why?&#160; It’s fast, got great addons, and doesn’t crash. Firefox 3 download day is an attempt to set a Guinness World Record for the most software downloaded in 24 hours.&#160; So download away and experience Firefox 3 for yourself! UPDATE: [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.spreadfirefox.com/en-US/worldrecord"><img alt="Download Day 2008" title="Download Day 2008" src="http://www.spreadfirefox.com/sites/all/themes/spreadfirefox_RCS/images/download-day/buttons/en-US/sns_badge1.png" class="imgleft" border="0"/></a><br />
It’s <a title="Firefox 3 download day" href="http://www.spreadfirefox.com/">Firefox 3 download day</a>!&nbsp; Firefox 3 is a great browser and my personal favourite.&nbsp; Why?&nbsp; It’s fast, got great <a title="Firefox addons" href="https://addons.mozilla.org/">addons</a>, and doesn’t crash.</p>
<p>Firefox 3 download day is an attempt to <strong>set a Guinness World Record</strong> for the most software downloaded in 24 hours.&nbsp; So <a title="Firefox download" href="http://mozilla.com/firefox">download away</a> and experience Firefox 3 for yourself!</p>
<p><em>UPDATE: Download links still not working? Try these direct download links:</em></p>
<ul>
<li><a href="http://download.mozilla.org/?product=firefox-3.0&#038;os=win&#038;lang=en-US">Windows</a></li>
<li><a href="http://download.mozilla.org/?product=firefox-3.0&#038;os=osx&#038;lang=en-US">Mac OS X</a></li>
<li><a href="http://download.mozilla.org/?product=firefox-3.0&#038;os=linux&#038;lang=en-US">Linux</a></li>
</ul>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/browsers/" title="browsers" rel="tag nofollow">browsers</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/firefox/" title="firefox" rel="tag nofollow">firefox</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2008/05/06/how-i-fit-54-shortcuts-in-my-firefox-toolbar/" title="How I Fit 54 Shortcuts In My Firefox Toolbar (May 6, 2008)">How I Fit 54 Shortcuts In My Firefox Toolbar</a></li>
	<li><a href="http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/" title="18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks (June 23, 2008)">18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2008/06/17/download-firefox-3-today/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<media:thumbnail url="http://www.spreadfirefox.com/sites/all/themes/spreadfirefox_RCS/images/download-day/buttons/en-US/sns_badge1.png" />
		<media:content url="http://www.spreadfirefox.com/sites/all/themes/spreadfirefox_RCS/images/download-day/buttons/en-US/sns_badge1.png" medium="image">
			<media:title type="html">Download Day 2008</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Naked Day</title>
		<link>http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/</link>
		<comments>http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 14:30:35 +0000</pubDate>
		<dc:creator>Shey</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/</guid>
		<description><![CDATA[What happened to the design? It&#8217;s CSS Naked Day! The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good &#8216;ol play on words. It&#8217;s time to show off your &#60;body&#62;. To know more about why [...]]]></description>
			<content:encoded><![CDATA[<h3>What happened to the design?</h3>
<p>It&#8217;s CSS Naked Day!</p>
<p>The idea behind this event is to promote Web Standards. Plain and simple.<br />
This includes proper use of (x)html, semantic markup, a good hierarchy structure,<br />
and of course, a good &#8216;ol play on words. It&#8217;s time to show off your &lt;body&gt;.</p>
<p>To know more about why styles are disabled on this website visit the<br />
<a title="Web Standards Naked Day Host Website" href="http://naked.dustindiaz.com"><br />
Annual CSS Naked Day</a> website for more information.</p>
	Tags: <a class="simple-tags" href="http://www.sheysmith.com/tag/css/" title="css" rel="tag nofollow">css</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/design/" title="Design" rel="tag nofollow">Design</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/web-design/" title="web design" rel="tag nofollow">web design</a>, <a class="simple-tags" href="http://www.sheysmith.com/tag/xhtml/" title="xhtml" rel="tag nofollow">xhtml</a><br />
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.sheysmith.com/2010/04/09/css-naked-day/" title="CSS Naked Day (April 9, 2010)">CSS Naked Day</a></li>
	<li><a href="http://www.sheysmith.com/2008/12/29/10-top-tech-and-social-media-blogs-i-would-like-to-see-redesigned-in-2009/" title="10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009 (December 29, 2008)">10 Top Tech and Social Media Blogs I&#8217;d Like to See Redesigned in 2009</a></li>
	<li><a href="http://www.sheysmith.com/2009/03/05/confessions-of-a-freelance-web-designer/" title="Confessions of a Freelance Web Designer (March 5, 2009)">Confessions of a Freelance Web Designer</a></li>
	<li><a href="http://www.sheysmith.com/2008/06/23/18-firefox-3-addons-for-pixel-pimps-and-social-media-skanks/" title="18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks (June 23, 2008)">18 Firefox 3 Addons for Pixel Pimps and Social Media Skanks</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.sheysmith.com/2008/04/09/shey-smith-in-the-nude/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	</item>
	</channel>
</rss>
