<?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>Mug Mud &#187; Web/Tech</title>
	<atom:link href="http://mugmud.com/category/webtech/feed/" rel="self" type="application/rss+xml" />
	<link>http://mugmud.com</link>
	<description>The grounds at the bottom of the cup.</description>
	<lastBuildDate>Thu, 10 Sep 2009 16:55:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Speed Dial for Firefox</title>
		<link>http://mugmud.com/2008/05/speed-dial-for-firefox/</link>
		<comments>http://mugmud.com/2008/05/speed-dial-for-firefox/#comments</comments>
		<pubDate>Fri, 30 May 2008 09:53:12 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://mugmud.com/?p=137</guid>
		<description><![CDATA[I recently tried the Opera web browser for the first time primarily because I read about the touted Dragonfly tool for web developers. Well in general I was underwhelmed. Despite the fact that Firefox has been unstable on my machine recently, I think it does a better job at rendering web pages than the Opera [...]]]></description>
			<content:encoded><![CDATA[<p>I recently tried the Opera web browser for the first time primarily because I read about the touted <a href="http://www.opera.com/products/dragonfly/">Dragonfly</a> tool for web developers. Well in general I was underwhelmed. Despite the fact that Firefox has been unstable on my machine recently, I think it does a better job at rendering web pages than the Opera browser. No surprises there. What&#8217;s the point?</p>
<p>Opera does have a very cool feature called Speed Dial which displays a preview and quick link to your favorite nine sites anytime you open a new window or tab. I probably spend 30% of my time online on the same nine sites, so it becomes very useful to have them displayed prominently when I open new tab. </p>
<p>Luckily for us Firefox users, Josep del Rio has created a <a href="https://addons.mozilla.org/en-US/firefox/addon/4810">Speed Dial plugin for Firefox</a>. It is essentially the same as Opera&#8217;s version, maybe a bit better because you can scroll through the preview to see the entire cached web page. </p>
<p><img src="http://mugmud.com/wp-content/uploads/2008/05/speed-dial.jpg" alt="speed-dial.jpg" border="0" width="500" height="321" /></p>
<p>As for Dragonfly, Opera&#8217;s web development toolkit, I have found that <a href="http://www.getfirebug.com/">Firebug</a> for Firefox is a much richer solution for debugging javascript and CSS. Though that is really an entirely separate long and involved story. </p>
<p>link: <a href="https://addons.mozilla.org/en-US/firefox/addon/4810">Speed Dial for Firefox</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/05/speed-dial-for-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tag Galaxy &#8211; Explore Photostreams</title>
		<link>http://mugmud.com/2008/05/tag-galaxy-explore-photostreams/</link>
		<comments>http://mugmud.com/2008/05/tag-galaxy-explore-photostreams/#comments</comments>
		<pubDate>Thu, 29 May 2008 15:45:04 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://mugmud.com/?p=132</guid>
		<description><![CDATA[Tag Galaxy provide a rich interface to Flickr photostreams. Type a photo attribute such as &#8220;beach&#8221; and Tag Galaxy returns all photos from Flickr tagged with the word &#8220;beach&#8221; along with frequently related tags such as &#8220;island&#8221;, &#8220;water&#8221;, and &#8220;sunset&#8221;. The results are represented as planets orbiting in a microcosm of outer space. Planet sizes [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://taggalaxy.de/">Tag Galaxy</a> provide a rich interface to <a href="http://www.flickr.com">Flickr</a> photostreams. Type a photo attribute such as &#8220;beach&#8221; and Tag Galaxy returns all photos from Flickr tagged with the word &#8220;beach&#8221; along with frequently related tags such as &#8220;island&#8221;, &#8220;water&#8221;, and &#8220;sunset&#8221;. The results are represented as planets orbiting in a microcosm of outer space. Planet sizes are relative to each other based on the number of photos returned.</p>
<p>
<img src="http://mugmud.com/wp-content/uploads/2008/05/tag-galaxy1.jpg" alt="tag-galaxy.jpg" border="0" width="500" height="250" /></p>
<div style="margin-top:20px;margin-bottom:20px;">
A mouse click on a planet will zoom to the surface terrain which is composed of previews of Flickr photos.
</div>
<p><img src="http://mugmud.com/wp-content/uploads/2008/05/tag-galaxy.jpg" alt="tag-galaxy.jpg" border="0" width="499" height="407" /></p>
<p>Now if they only allowed searching by <a href="http://www.flickr.com/creativecommons/">Creative Commons licensing</a>, this could be even more practical for web and print designers.</p>
<p><a href="http://taggalaxy.de/">Tag Galaxy</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/05/tag-galaxy-explore-photostreams/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mac OSX: Why You Need ImageWell</title>
		<link>http://mugmud.com/2008/05/mac-osx-why-you-need-imagewell/</link>
		<comments>http://mugmud.com/2008/05/mac-osx-why-you-need-imagewell/#comments</comments>
		<pubDate>Wed, 21 May 2008 11:14:47 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://mugmud.com/?p=106</guid>
		<description><![CDATA[I frequently edit images for the web and presentations. Often I am using a screen grab or modifying a photo from a website and I need to make some quick adjustments. Using Photoshop to make simple changes such as cropping, resizing, saving for web, or adding shadows and rounded edges is very time consuming and [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://mugmud.com/wp-content/uploads/2008/05/imagewell.jpg" alt="imagewell.jpg" border="0" width="128" height="128" align="left" />I frequently edit images for the web and presentations. Often I am using a screen grab or modifying a photo from a website and I need to make some quick adjustments. Using Photoshop to make simple changes such as cropping, resizing, saving for web, or adding shadows and rounded edges is very time consuming and the same tasks came be done in ImageWell in under 60 seconds. </p>
<p>ImageWell is a very lightweight image application that allows you to drag and drog images to make adjustments and then drag and drop the edited image onto your desktop or into another application for use. For example I can drag an iPhoto image directly into ImageWell, add borders, resize for web, and then drag the finished image into my blog software for publication. Scaling the image and setting the file quality are a snap and ImageWell will even generate a random file name to shave seconds off your workflow. </p>
<p>You can save an image as a template to easily apply the same process to a batch of images. Most of my photos that I publish on this site with borders and shadows are done using this technique.</p>
<p>Here is a screen grab of the ImageWell interface that I have summarized using ImageWell.</p>
<p><img src="http://mugmud.com/wp-content/uploads/2008/05/imagewell1.jpg" alt="ImageWell.jpg" border="0" width="558" height="394" /></p>
<p>And here is the Edit Screen.</p>
<p><img src="http://mugmud.com/wp-content/uploads/2008/05/imagewell-1.jpg" alt="ImageWell-1.jpg" border="0" width="512" height="317" /></p>
<p>ImageWell does not do everything and will not replace <a href="http://www.pixelmator.com/">Pixelmator</a>, <a href="http://www.tweakersoft.com/vectordesigner/">VectorDesigner</a>, or Photoshop, but it does a few things very well. For $20 it will quickly pay for itself in time saved.</p>
<p>[UPDATE] I recently checked the memory usage for ImageWell using the Activity Monitor, and this program is a beast for memory usage. Upon launch, the ImageWell consumes 129 MB of system memory, compared to 150 for Adobe Illustrator, and a paltry 22 MB for Vector Designer.</p>
<p>Link: <a href="http://xtralean.com/IWOverview.html">ImageWell</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/05/mac-osx-why-you-need-imagewell/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JLern Design</title>
		<link>http://mugmud.com/2008/05/jlern-design/</link>
		<comments>http://mugmud.com/2008/05/jlern-design/#comments</comments>
		<pubDate>Wed, 21 May 2008 02:04:09 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://mugmud.com/?p=94</guid>
		<description><![CDATA[I am very fond of the fluid interface for this design portfolio site. The concept is simple enough: click a section to zoom to the detail level. The rotation is very intuitive, the transitions are smooth, and the layout is clean. Notice the organic animation that takes place when you hover over a section.

link: JLern [...]]]></description>
			<content:encoded><![CDATA[<p>I am very fond of the fluid interface for this design portfolio site. The concept is simple enough: click a section to zoom to the detail level. The rotation is very intuitive, the transitions are smooth, and the layout is clean. Notice the organic animation that takes place when you hover over a section.</p>
<p><img src="http://mugmud.com/wp-content/uploads/2008/05/jlern-design.jpg" alt="JLern-design.jpg" border="0" width="400" height="181" /></p>
<p><a href="http://jlern.com/">link: JLern Design</a></p>
<p>This interface approach reminds me of the work of <a href="http://jef.raskincenter.org/home/index.html">Jef Raskin</a>, an early Mac pioneer and user interface researcher. The <a href="http://rchi.raskincenter.org">Raskin Center</a> is working on new techniques to interface with data as demonstrated in the following concept interface.</p>
<p><a href="http://rchi.raskincenter.org/demos/zoomdemo.swf">Raskin zoom demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/05/jlern-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Remake your Face</title>
		<link>http://mugmud.com/2008/04/remake-your-face/</link>
		<comments>http://mugmud.com/2008/04/remake-your-face/#comments</comments>
		<pubDate>Mon, 14 Apr 2008 01:48:46 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=64</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.signonsandiego.com">Signonsandiego.com</a> today showcases a professor at UCSD who used his secret face formula to create a website which allows users to give themselves a makeover online. I could not resist giving it a try &#8211; I could use a new look.</p>
<p><a href="http://www.mugmud.com/wp-content/uploads/archive/Taaz - Editor.jpg" ><br />
<img src="http://www.mugmud.com/wp-content/uploads/archive/Taaz - Editor-1.jpg" alt="Taaz - Editor-1.jpg" border="0" width="370" height="137" /></a></p>
<p>click photo for detail (if you dare)</p>
<p>Remake your own face at <a href="http://www.taaz.com">Taaz.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/04/remake-your-face/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio Redesign</title>
		<link>http://mugmud.com/2008/03/portfolio-redesign/</link>
		<comments>http://mugmud.com/2008/03/portfolio-redesign/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 22:13:23 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=62</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>Earlier this year, I meticulously cataloged my entire project history in web development from the beginning of time. I created data tables to hold all relevant attributes and composed project descriptions detailing the bits and pieces that I could remember from software authored as long as eight years ago. Then I crossed linked and published all the information on my website.</p>
<p>My considerable efforts left my portfolio website a cluttered mess. The design for the site was rather hastily assembled in 2005 and I had not done much to improve the layout since, just tacking items on as they came to mind. Generally I have been too busy to market myself which is both a blessing and a curse. Last night I worked into the wee hours of the morning in order to create a more accessible layout. When the birds outside my window started to sing, I got some sleep and finished up this morning.</p>
<p>The results are online at <a href="http://www.tjeremyt.com">tjeremyt.com</a></p>
<p><img src="http://www.mugmud.com/wp-content/uploads/archive/tjeremyt_full.png.jpg" alt="tjeremyt_full.png.jpg" border="0" width="285" height="328" /></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/03/portfolio-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Palette Generation Tool</title>
		<link>http://mugmud.com/2008/03/color-palette-generation-tool/</link>
		<comments>http://mugmud.com/2008/03/color-palette-generation-tool/#comments</comments>
		<pubDate>Tue, 04 Mar 2008 18:22:19 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=54</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>February has been a busy month and has kept me away from my blog. Between client work and personal projects, I have had little opportunity to keep up with my reading and writing.</p>
<p>A bit of exciting news is that I have just launched a new <a href="http://www.palettefx.com">color tool that creates palettes</a> from photos. I have been working on this idea for some time, and the initial version was a Windows application that I created almost two years ago. After switching to Mac in 2007, I shelved the project to focus on open-source technologies.</p>
<p>A couple of weeks ago I got a wild hair to port the code to the web and the result is <a href="http://www.palettefx.com">Palette FX</a>. I have several useful additions that are in the queue currently, but as it stands, the application will generate a beautiful color palette and return color values in hex, rgb, and named color formats.</p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/03/color-palette-generation-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: J Blair Metcalf</title>
		<link>http://mugmud.com/2008/01/portfolio-j-blair-metcalf/</link>
		<comments>http://mugmud.com/2008/01/portfolio-j-blair-metcalf/#comments</comments>
		<pubDate>Fri, 11 Jan 2008 16:56:23 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=27</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>The new portfolio website by flash guru, J Blair Metcalf, is one of the best I have seen. The method he has devised for filtering and sorting his past projects is simply ingenious.</p>
<p><img src="http://www.mugmud.com/wp-content/uploads/archive/blair_metcalf_portfolio.jpg" alt="blair_metcalf_portfolio.jpg" border="0" width="340" height="378" /></p>
<p><a href="http://jblairmetcalf.com/">portfolio link</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/01/portfolio-j-blair-metcalf/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Endorsements</title>
		<link>http://mugmud.com/2008/01/endorsements/</link>
		<comments>http://mugmud.com/2008/01/endorsements/#comments</comments>
		<pubDate>Thu, 10 Jan 2008 17:47:31 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=26</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>Often while browsing a website for some product or service, I will find some quote from one of their notable clients. The quote usually talks about how great the product is and how it saved them all sorts of time and money. In large part these quotes are fake: meaning they asked their client for a quote or the client does not exist altogether and the marketing director made the whole things up. </p>
<p>Here is a quote that I made up right now that speaks to how great I am:</p>
<blockquote><p>Jeremy Taylor&#8217;s expertise in web development and his responsiveness enabled our company to quickly capitalize on a time-sensitive market opportunity. Mr. Taylor provided our firm with some of the most innovative solutions I have seen in my twenty years in the industry. We all owe Jeremy Taylor a debt of gratitude. </p>
<p>- Big Wig #2, Vanilla Frosting Industries</p>
</blockquote>
<p>I always wanted a client to sit down and write me an endorsement like the one above, which I fabricated. It seems ridiculous to ask: &quot;Hey Jim, Can you write me a stunning review so I can use it to attract new clients and subsequently spend less time on your project?&quot; One time, many years ago, I asked a client to do just that.</p>
<blockquote><p>&quot;Yeah, sure thing, Jeremy. You&#8217;re great at what you do. Just write something and I&#8217;ll sign it.&quot; </p>
</blockquote>
<p>After years considering the quoted endorsement issue, a milestone moment occurred when I least expected it. Last week I demonstrated some new analytics reports for a client over NetMeeting. I managed to get a stunning endorsement over instant messenger by this client, which was both unscripted and in type so I have the exact transcript. I felt great about his reaction, but I am a little disappointed that I will not be using this is my publicity campaign. </p>
<p>Here it is, no joke:</p>
<blockquote><p>jeremy: click the tab and then select the group<br />jeremy: is that what you are looking for?<br />Client: SHIT<br />Client: that is fast!!!!<br />Client: wowowowowowow<br />Client: this is incredible<br />jeremy: click the &#8216;i&#8217; icon in blue on the left<br />Client: yo baby<br />Client: yahooooooo<br />Client: this is really really cool<br />Client: you done good boy!<br />jeremy: great<br />jeremy: should we get together again on Monday? </p>
</blockquote>
<p><a href="http://www.tjeremyt.com">related: jeremy taylor&#8217;s portfolio site</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/01/endorsements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hiring Programmers</title>
		<link>http://mugmud.com/2008/01/hiring-programmers/</link>
		<comments>http://mugmud.com/2008/01/hiring-programmers/#comments</comments>
		<pubDate>Wed, 09 Jan 2008 02:12:30 +0000</pubDate>
		<dc:creator>jeremy</dc:creator>
				<category><![CDATA[Web/Tech]]></category>

		<guid isPermaLink="false">http://palettefx.com/mugmud/?p=17</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>Finding talented software developers can be a real challenge for those of us in the IT field. Companies generally wait until they are behind schedule to hire programmers, which of course leads to many problems including further delays in the production schedule. This article, by Nick Corcodilos, is one of the most clearheaded in explaining the perceived dearth of skilled programmers in the marketplace and how poor management practices&nbsp; are culpable. </p>
<blockquote><p><em>&quot;5. Companies try to hire talent rather than develop it. They wait for someone else to train and develop IT workers, while they want only &quot;perfect fits&quot; today. Thus the talent pool is not developed or replenished. Employers who complain about a talent shortage should first look at their own practices: do they develop their IT staff? Do they invest in training? Do they cultivate leaders from among the staff?</p>
<p>6. Perhaps</em><em> worst of all is that companies hire only when they are desperate to fill a position. By then, it&#8217;s too late. Corporate HR&#8217;s complaint that there&#8217;s a &quot;talent shortage&quot; in the community is easy and cheap. Smart companies plan staff development &#8212; they hire in advance and train new hires for a scope of responsibilities, to be there when they need them. This approach fosters a reputation that always attracts good people.&quot;</em></p>
</blockquote>
<p><a href="http://weblog.infoworld.com/headhunter/archives/2007/06/it_talent_short.html">link</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://mugmud.com/2008/01/hiring-programmers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
