<?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:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Coding Tools, Reviews, and Solutions</title>
	<atom:link href="https://codertools.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://codertools.wordpress.com</link>
	<description></description>
	<lastBuildDate>Wed, 26 Nov 2014 12:59:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='codertools.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>https://s0.wp.com/i/buttonw-com.png</url>
		<title>Coding Tools, Reviews, and Solutions</title>
		<link>https://codertools.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="https://codertools.wordpress.com/osd.xml" title="Coding Tools, Reviews, and Solutions" />
	<atom:link rel='hub' href='https://codertools.wordpress.com/?pushpress=hub'/>
	<item>
		<title>Adventures with Sinatra – Local Development Setup</title>
		<link>https://codertools.wordpress.com/2014/11/25/sinatra-local-development-setup/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Wed, 26 Nov 2014 00:37:43 +0000</pubDate>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Rack]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Sinatra]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=652</guid>

					<description><![CDATA[Preamble Sometime last year I had several opportunities to build completely custom applications which would have to run on Linux. &#8230;<p><a href="https://codertools.wordpress.com/2014/11/25/sinatra-local-development-setup/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h3><span style="color:#993300;"><strong>Preamble</strong></span></h3>
<p>Sometime last year I had several opportunities to build completely custom applications which would have to run on Linux. Coming from a 90% Win background that sounded less than appealing. However, I was looking for a new development experience and this article is a result of that search.</p>
<p>One of the opportunities fell through because the client demanded that I use PHP with MySql. That&#8217;s all well and good and it&#8217;s great there are a lot of people who like PHP but I am not one of them. I never connected to the PHP environment like I did with .NET or Javascript &#8211; PHP always felt like an afterthought to me.</p>
<p>So, for the remaining projects I decided to do some research and find out two things:</p>
<ol>
<li>What platform would enable me to concentrate on solving the client request without becoming mired in the technology</li>
<li>What platform would allow me to have fun and be productive as well.</li>
</ol>
<p>I know that having fun seems counter-intuitive at work but that is the main reason I have been programming for 24+ years: I am having fun doing it!</p>
<h3><strong><span style="color:#993300;">Platforms/Stacks I looked at</span></strong></h3>
<h4>Rails</h4>
<p>Consistent development cycle, Ruby just works and data support is great but, but&#8230;developing just felt like I was jumping through about 5 hoops everytime I had to change the database or change the code or the view, etc. Rails also is heavier than I wanted to go in terms of a framework and learning curve.</p>
<h4>Node.js</h4>
<p>Seems like a fast and clean platform and Javascript is one of the main languages I code. I tried working with it on a few test projects but deadlines were looming and it just did not click with me at the time. I will go back and get firmer grounding in this for a more private project but not for a client.</p>
<h4>.NET</h4>
<p>My bread and butter for many years. I know Asp.Net and variants (mvc) but all of my client run a Linux platform and I did not want to jump on Mono. Poor excuse maybe but it was just not there for me.</p>
<h4>Sinatra</h4>
<p>I have written a few backend web api&#8217;s with Sinatra and really liked it and I really enjoyed the fast code / test cycle. Ruby is great and Sinatra works great with mysql.</p>
<p>In addition, working with the Slim templating language initially, was a lot like coding in Python with the strict indentation rules but once I got used it fast and extremely productive especially after finding the Html2Slim web app &#8211; what a lifesaver!</p>
<p>So, enough lame explanation why I chose Sinatra, let&#8217;s get to my local machine setup (links at the end):</p>
<h3><span style="color:#993300;">Local Machine Setup and Components</span></h3>
<h4>Platform</h4>
<ul>
<li>Macbook Pro</li>
<li>16 GB Ram</li>
<li>OSX 10.9.5</li>
<li>Ruby 2.x (RVM)</li>
<li>MySql 5.x</li>
</ul>
<h4>Project Components</h4>
<p>This is a list of the core Gemfiles I use:</p>
<ul>
<li>gem &#8216;sinatra&#8217;</li>
<li>gem &#8216;sinatra-contrib&#8217;</li>
<li>gem &#8216;slim&#8217;</li>
<li>gem &#8216;thin&#8217;</li>
<li>gem &#8216;mysql2&#8217;</li>
<li>gem &#8216;sequel&#8217;</li>
</ul>
<p>You can manage Ruby Gems manually or simply update your Gemfile and run &#8216;Bundle Install&#8217; and/or &#8216;Bundle Update&#8217; from your Gemfile directory.</p>
<p>Bundle is great and installs/updates everything right out of the box. I am running all of the latest gemfile versions and update at least weekly using the &#8216;bundle update&#8217; command.</p>
<p>Updating all the time works in my favor for setting up new servers since I just run &#8216;bundle install&#8217; and done with no worries about version issues. So far, I have not had many issues with different versions of gems not working. There were a few in the beginning but I am updated past those issues. I think I would rather work through issues and maybe help fix a bug or two instead of keep using old versions.</p>
<p>Some notes about my choices in terms of gem components (just the main ones listed above):</p>
<h4>slim</h4>
<p>I tried using erb as it was built in but I quickly got tired of typing all the html not to mention the clumsy tag structures for data. Tried haml and it was a little better and then I tried slim and initially I hated it. The indent rules and some of the quirks where plain text are concerned drove me crazy until I got used to it but once I did it was fast coding and from my perspective it is a great performer. (actively maintained)</p>
<h4>thin</h4>
<p>This great little app server came along for the ride since it was recommended in the Sinatra docs I just went with it. I have to say I have never been disappointed, so far.. I know about Unicorn, Phusion Passenger and Cougar but my time important (unless someone can tell me how to get it back once used?) and Thin fit the bill in terms of ease of setup and once it runs it just keeps running (either standalone or on reverse proxy with Apache).</p>
<h4>mysql2</h4>
<p>Just an adaptor for mysql. This was recommended for use with the ORM I am currently using. Install and forget.</p>
<h4>sequel</h4>
<p>Originally, I started with DataMapper and I had so many issues with it in terms of getting things to just work the way I wanted them to I almost dumped Sinatra altogether. Then I found Sequel and wow! You can go two ways with Sequel:</p>
<ol>
<li>Manage your own db structure and simply have Sequel map that structure to code for you &#8211; it&#8217;s seamless.</li>
<li>Define your db structure with Sequel in your code and let it manage your database for you in terms of generating your database and maintaing the structure.</li>
</ol>
<p>Option #2 sounds cool and everything but I manage a dev/test environment and a separate prod environment so I wanted to be in control of what happens to the database and when so I went with Option #1.</p>
<p><span style="text-decoration:underline;color:#000000;"><span style="text-decoration:underline;">Here is what I do</span></span>: I have a master sql file for the db structure which I update and run against the database. Sequel, how it is setup, reads that structure, builds the objects on the fly and I am good to go &#8211; what could be easier?  BTW:  This is not a strictly technical explanation but I think repeating docs in an article is a waste of time.</p>
<p>So, that&#8217;s it for my main components. I use a bunch of others but they are for specific requirements which have nothing to do with actually getting up and running with Sinatra and MySql.</p>
<h4>Rack</h4>
<p>Just a quick word about Rack.  Sinatra is based on Rack and it is well worth you while to get to know Rack at least a little bit.  Interesting bit of Ruby Webserver Interface code which seems to run many Ruby based frameworks.</p>
<h3><span style="color:#993300;">My Development Environment</span></h3>
<p>A couple of years ago I used Jetbrain&#8217;s RubyMine for a project and really liked it. However, I have been using SublimeText editor for quite a while and even though I am not some SublimeText guru I get around so I tried it as my main dev environment. Sublime runs Ruby very well and was fairly easy to setup but after a while I wanted a more Ruby/Rack focused dev tool so I went back to RubyMine and have never looked back.</p>
<p>I know there are some out there who just sneered at me for jumping on to RubyMine instead of being a loyalist Sublimer or whatever.. oh well.</p>
<p>RubyMine has a great Ruby editor with some fantastic code completion which was far better and faster than Sublime&#8217;s (perhaps it was me but Sublime always seemed to offer everything instead of contextual suggestions). RubyMine also has great Javascript and Slim support. There are other things that make it worthwhile such as filewatcher&#8217;s for .css/.js compression as well as a great set of runtime configurations that allow me to run several different runtime configurations at will.</p>
<p>Sure all of this is available with Sublime or some other editor/ide but this is what I run so there you have it.</p>
<p>If you want to check out one of the fun projects I wrote for a friend of mine head over here: <a href="http://12PACksports.com" rel="nofollow">http://12PACksports.com</a>. Yeah, he&#8217;s a huge PAC 12 fan and wanted to get some of his thoughts down out there so I built him a bloglike app. You may be thinking: &#8220;Uh, are you dense? What about Blogger, Movable Type, WordPress, etc?&#8221; and yep, you would be right: They are out there. He wanted to design his own app and have some custom backend features that you can&#8217;t see and besides we managed to get 90% of what he wanted for 100% of his $ budget so I am happy with that! He&#8217;s just starting this endeavor but it has RSS if you want to keep up (RSS: another cool 30 minute exercise generating RSS using the built in Ruby lib and Sequel &#8211; take that .NET!).</p>
<p><strong>Questions and/or comments are welcome and if I can help I will give it a shot.  I would like to expand on this article but that depends on what comes up comment-wise.</strong></p>
<h3>Links</h3>
<p><a title="Sinatra Framework" href="http://www.sinatrarb.com/" target="_blank">Sinatra Framework</a> &#8211; Web Development DSL</p>
<p><a title="Sinatra Contrib" href="http://www.sinatrarb.com/contrib/" target="_blank">Sinatra Contrib</a> &#8211; Some Common Sinatra Extensions</p>
<p><a title="Padrino" href="http://www.padrinorb.com/" target="_blank">Padrino</a> &#8211; Web Framework based on Sinatra</p>
<p><a title="Rack" href="http://rack.github.io/" target="_blank">Rack</a> &#8211; Ruby Web Interface</p>
<p><a title="Html2Slim" href="http://html2slim.herokuapp.com/" target="_blank">Html2Slim</a> &#8211; Html to Slim converter</p>
<p><a title="Bundler" href="http://bundler.io/" target="_blank">Bundler</a> &#8211; Manage your Gems</p>
<p><a title="Slim" href="http://slim-lang.com/" target="_blank">Slim</a> &#8211; Template Language</p>
<p><a title="Thin Rack Server" href="http://code.macournoyer.com/thin/" target="_blank">Thin</a> &#8211; Rack Application Server</p>
<p><a title="Sequel" href="http://sequel.jeremyevans.net/" target="_blank">Sequel</a> &#8211; Ruby Database Toolkit</p>
<p><a title="Ruby Toolbox" href="https://www.ruby-toolbox.com/categories/by_name" target="_blank">Ruby Toolbox</a> &#8211; My goto site for all things Ruby</p>
<p><a title="Sublime Text" href="http://www.sublimetext.com/" target="_blank">Sublime Text Editor</a> &#8211; The only text editor I use now</p>
<p><a title="JetBrains RubyMine" href="https://www.jetbrains.com/ruby/" target="_blank">JetBrains RubyMine</a> &#8211; Excellent Ruby, Javascript, CSS IDE</p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>
	</item>
		<item>
		<title>Linkedin Endorse-me-nt</title>
		<link>https://codertools.wordpress.com/2013/09/20/linkedin_endorse-me-nt/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Fri, 20 Sep 2013 20:39:31 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=640</guid>

					<description><![CDATA[Preamble Updated: 09.23.2013 This is probably my first post in a year or more that I have published.  I simply &#8230;<p><a href="https://codertools.wordpress.com/2013/09/20/linkedin_endorse-me-nt/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2>Preamble</h2>
<p><span style="color:#ff9900;">Updated: 09.23.2013</span></p>
<p>This is probably my first post in a year or more that I have published.  I simply had to because I think LinkedIn has turned into two things:  1)  A site just like Facebook only you can see who looks at your profile unless they are spys or something and are too scared to let you know they were looking at your profile and 2) A site just like Facebook where your profile hardly resembles the person you are in real life.</p>
<h2>Better You than Me</h2>
<p>Let&#8217;s look at #2 a different way since those who read #1 know who they are (<span style="color:#808080;"><strong>enough said</strong></span>):  It&#8217;s simple really.  Unless you are a recruiter, salesman, independently wealthy and bored, or unemployed and bored then how can you possibly have 2,000 connections that you know well?  Ok, maybe I am just lazy and prefer to actually talk to people I know instead of going to the hard work of trying to &#8216;connect&#8217; on LinkedIn.</p>
<h2>Sure, I know Quantum Software Engineering, doesn&#8217;t everyone?</h2>
<p>Let&#8217;s step to the left a bit and talk about endorsed &#8216;skills&#8217; on LinkedIn.</p>
<p>I cannot even begin to describe how I feel about it (ok, it&#8217;s meaningless) nor how I feel about myself for even endorsing anyone whose skills I don&#8217;t know extremely well.</p>
<p>How can someone I hardly know somehow have the knowledge that I know ASP.Net or that I have worked with LINQ or even if I am competent in my field?  They can&#8217;t!</p>
<p>Endorsement from someone implies value and clicking on a button has no intrinsic value or rather it is much the same as pulling the lever on a slot machine hoping for a reward.</p>
<h2>And, so how can I help you endorse me?</h2>
<p>Yesterday I had another person &#8216;Endorse&#8217; me for skills that I have said that I have (&#8216;said&#8217; via profiles)</p>
<p>What&#8217;s wrong with that?  <strong>I will tell you</strong>:  if the person endorsing you knows your skills first hand then endorsing you becomes &#8220;endorse me&#8221; since I &#8220;endorsed you&#8221;.  I mean, don&#8217;t you feel obligated to endorse someone who endorsed you?  I guess it would be ok if it was extremely infrequent.</p>
<p>Seriously, why would former classmates from high school endorse me for .NET or ASP.NET skills when I haven&#8217;t seen them for such a long time that I don&#8217;t remember what they looked like unless I see their photo?</p>
<h2>Finally</h2>
<p>So for whatever it is worth (and you may be spitting at your monitor right now if you are reading this) here is what I recommend:</p>
<ol>
<li><strong>LinkedIn:  </strong>Remove this useless, &#8220;I&#8217;ll pat your back, you pat mine&#8221; feature &#8211; it will make people more honest &#8211; start looking for &#8216;handwritten&#8217; recommendations and endorsements.</li>
<li><strong>Members:  </strong>Stop accepting endorsements from people who do not know your skills and you know they dont!  It is useless to you the minute I look at your profile, and at who endorsed you and find out they were your babysitter.</li>
<li><strong>Members:  </strong>Stop automatically endorsing people who endorse you.</li>
<li><strong>LinkedIn</strong>:  Surely with 250 million members a little more work could go into adding more business value and less Facebook style</li>
</ol>
<p><em>That&#8217;s all, good luck</em></p>
<p><em><strong>Tab</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>
	</item>
		<item>
		<title>ImageFramer &#8211; Dress up your images..</title>
		<link>https://codertools.wordpress.com/2010/02/21/imageframer/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Sun, 21 Feb 2010 17:58:32 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=594</guid>

					<description><![CDATA[Preamble (if you rate this I would like to read your comments about your rating) Have you ever wanted to &#8230;<p><a href="https://codertools.wordpress.com/2010/02/21/imageframer/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#993300;"><strong>Preamble</strong></span></h2>
<p>(if you rate this I would like to read your comments about your rating)</p>
<p>Have you ever wanted to put a nice frame around a photo or other type of image?  Have you wanted to be able to add different mats to an image?  Then give <strong><a href="http://www.apparentsoft.com/imageframer" target="_blank">ImageFramer</a></strong> a try.</p>
<p>So, I know this review is a little off the track of coding tools.  I mean, Photoshop can do frames (with some work) so can other image tools such as: Paint.Net, Pixelmator, GIMP, Seashore and on and on..  So why create a review on a tool that does a couple of things: Creates frames around images and embed watermarks into an image?  The main reason: I often like to dress up my web images when I am writing a review and this tool will be perfect for that..</p>
<p>Yep, when I started this review I thought it would be easy to write and probably not totally related to my work of software development but I was wrong.  It is related since I can use ImageFramer to make my blog images slick but from the developer side I wanted to contribute something that might help make <strong>ImageFramer</strong> better.</p>
<p><strong>Info on ImageFramer:</strong></p>
<ul>
<li>Curren Version: <strong>2.4.4</strong></li>
<li>Platform: OS X</li>
<li>Price: $29.95 (personal), $39.95 (family), $69.95 (commercial)</li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how it felt working with it as well as my impressions..<br />
</em></p>
<p><strong>Finally, here&#8217;s some links for ImageFramer</strong>:</p>
<p><strong><a href="http://www.apparentsoft.com/" target="_blank">Main Web Site</a><br />
</strong></p>
<p><a href="http://www.apparentsoft.com/imageframer" target="_blank"><strong>ImageFramer Overview</strong></a></p>
<p><strong><a href="http://www.apparentsoft.com/imageframer/extras" target="_blank">Community Page</a> </strong>(Tutorials, Newsletter, Forums)<strong> </strong></p>
<p><strong><br />
</strong></p>
<h2><span style="color:#993300;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#993300;"><strong>Looking Around</strong></span></h2>
<p>Quick look at ImageFramer.  Here are some screen shots of ImageFramer.</p>
<p><strong>General</strong></p>
<p>Here is the main screen.  As you can see, ImageFramer has a very clean and simple interface which allows you to accomplish all that you need to do with framing images.</p>
<p>The controls at the top are pretty self explanatory but I will give a brief intro to each:</p>
<ul>
<li>Open Image &#8211; does just what it says: allows you to open an image to be framed.  You can also drag and drop an image right onto ImageFramer</li>
<li>Export Image &#8211; once you have the frame the way you want it then export it to the image format of your choice</li>
<li>Load Design &#8211; allows you to load a frame design that you saved</li>
<li>Save Design &#8211; once you have a frame design you might want to use in the future then click Save Design to save it for the future</li>
<li>Controls &#8211; the frame controls as described further below</li>
<li>Variations &#8211; kind of a bookmark/favorites you can use to toggle back and forth between frame designs in the current session</li>
<li>Colors &#8211; colors for the Mat and the Frame itself</li>
</ul>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png"><img data-attachment-id="596" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-43-26-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png" data-orig-size="756,715" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.43.26 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=529" class="alignnone size-full wp-image-596" style="border:0 none;" title="Screen shot 2010-02-21 at 7.43.26 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=700&amp;h=662 700w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=150&amp;h=142 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png?w=300&amp;h=284 300w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png 756w" sizes="(max-width: 700px) 100vw, 700px" /></a></p>
<p><strong>Controls</strong></p>
<p><strong> </strong>The <strong>Controls</strong> dialog below automatically opens when you start up ImageFramer.  This is the main dialog for applying variations to the image you are framing.  The dialog has 3 main sections for manipulating the currently selected frame: 1) Image, 2) Frame, and 3) Mats.  This screen shot shows the Image section which allows you to size the view of the image/frame in the main screen, change the background color, add a watermark (very cool!) and change light and shadow.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png"><img data-attachment-id="597" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-44-12-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png" data-orig-size="434,399" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.44.12 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png?w=434" class="alignnone size-full wp-image-597" style="border:0 none;" title="Screen shot 2010-02-21 at 7.44.12 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png 434w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png?w=150&amp;h=138 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png?w=300&amp;h=276 300w" sizes="(max-width: 434px) 100vw, 434px" /></a></p>
<p>This screen shot of the <strong>Controls</strong> dialog shows the Frame section which allows you to directly affect the frame size, color and how the frame is set in relation to your image.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png"><img data-attachment-id="598" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-44-31-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png" data-orig-size="434,399" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.44.31 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png?w=434" class="alignnone size-full wp-image-598" style="border:0 none;" title="Screen shot 2010-02-21 at 7.44.31 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png 434w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png?w=150&amp;h=138 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png?w=300&amp;h=276 300w" sizes="(max-width: 434px) 100vw, 434px" /></a></p>
<p>Finally, <em>this</em> <strong>Controls</strong> screen shot shows the area where you can add multiple mats (just think of the mats that are added to physically framed pictures to give them depth/color) to your image with the ability to change the size, color and the depth of the mat.  Here you can also change the ordering of the mats.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png"><img loading="lazy" data-attachment-id="599" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-44-37-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png" data-orig-size="434,399" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.44.37 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png?w=434" class="alignnone size-full wp-image-599" style="border:0 none;" title="Screen shot 2010-02-21 at 7.44.37 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png 434w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png?w=150&amp;h=138 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png?w=300&amp;h=276 300w" sizes="(max-width: 434px) 100vw, 434px" /></a></p>
<p><strong>Variations<br />
</strong></p>
<p><strong>Variations</strong> (in my own words) allow you to save your current frame session state or rather: take a &#8216;snapshot&#8217; of the current frame and give that snapshot a name so you can return to the point if you wish after making additional changes.  I see this as a historical feature that allows you to go back in &#8216;time&#8217;.  Simply click  the <strong>[</strong> <strong>+ ]</strong> button to add a checkpoint in your frame design.  Click the <strong>[</strong> <strong>&#8211; ]</strong> to remove any variation.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png"><img loading="lazy" data-attachment-id="600" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-44-56-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png" data-orig-size="208,630" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.44.56 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png?w=99" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png?w=208" class="alignnone size-full wp-image-600" style="border:0 none;" title="Screen shot 2010-02-21 at 7.44.56 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png 208w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png?w=50&amp;h=150 50w" sizes="(max-width: 208px) 100vw, 208px" /></a></p>
<p><strong>Colors</strong></p>
<p>This is the standard color picker used for the Mat colors as well as frame colors.  A real nice touch is the ability to use the lens (eye dropper &#8211; looks like a magnifying glass) to pick a specific color &#8211; makes it easy to match blog colors.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png"><img loading="lazy" data-attachment-id="601" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-7-45-09-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png" data-orig-size="215,371" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 7.45.09 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png?w=174" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png?w=215" class="alignnone size-full wp-image-601" style="border:0 none;" title="Screen shot 2010-02-21 at 7.45.09 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png 215w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png?w=87&amp;h=150 87w" sizes="(max-width: 215px) 100vw, 215px" /></a></p>
<p><strong>Watermarks</strong></p>
<p>Finally, this is the <strong>Watermark controls</strong> dialog which allows you to assign a watermark to your image, change it&#8217;s size and transparency as well as set it location.  Very handy for adding a copyright to your images or trademark to them.</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png"><img loading="lazy" data-attachment-id="602" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/screen-shot-2010-02-21-at-9-27-20-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png" data-orig-size="271,449" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Screen shot 2010-02-21 at 9.27.20 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png?w=181" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png?w=271" class="alignnone size-full wp-image-602" style="border:0 none;" title="Screen shot 2010-02-21 at 9.27.20 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png 271w, https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png?w=91&amp;h=150 91w" sizes="(max-width: 271px) 100vw, 271px" /></a></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#993300;"><strong>What I Did</strong></span></h2>
<p>Info and screen shots on how I used the ImageFramer using a screenshot of ImageFramer itself.</p>
<p>This first image shows the Variations dialog with four variations that I used, which are shown below:</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png"><img loading="lazy" data-attachment-id="607" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/xscreen-shot-2010-02-21-at-9-27-35-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png" data-orig-size="208,443" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="XScreen shot 2010-02-21 at 9.27.35 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png?w=141" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png?w=208" class="alignnone size-full wp-image-607" style="border:0 none;" title="XScreen shot 2010-02-21 at 9.27.35 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png 208w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png?w=70&amp;h=150 70w" sizes="(max-width: 208px) 100vw, 208px" /></a></p>
<p>Here&#8217;s the first Variation with a textured (jagged) frame:</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png"><img loading="lazy" data-attachment-id="608" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/xscreen-shot-2010-02-21-at-9-28-08-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png" data-orig-size="580,528" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="XScreen shot 2010-02-21 at 9.28.08 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png?w=529" class="alignnone size-full wp-image-608" style="border:0 none;" title="XScreen shot 2010-02-21 at 9.28.08 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png 580w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png?w=150&amp;h=137 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png?w=300&amp;h=273 300w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>Here&#8217;s the second Variation with the frame above only thinner and a nice shade of blue:</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png"><img loading="lazy" data-attachment-id="609" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/xscreen-shot-2010-02-21-at-9-28-25-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png" data-orig-size="580,528" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="XScreen shot 2010-02-21 at 9.28.25 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png?w=529" class="alignnone size-full wp-image-609" style="border:0 none;" title="XScreen shot 2010-02-21 at 9.28.25 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png 580w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png?w=150&amp;h=137 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png?w=300&amp;h=273 300w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>Here&#8217;s the third Variation with the above options including a nice (ugly?) mat inside of the frame:</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png"><img loading="lazy" data-attachment-id="610" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/xscreen-shot-2010-02-21-at-9-28-53-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png" data-orig-size="580,528" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="XScreen shot 2010-02-21 at 9.28.53 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png?w=529" class="alignnone size-full wp-image-610" style="border:0 none;" title="XScreen shot 2010-02-21 at 9.28.53 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png 580w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png?w=150&amp;h=137 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png?w=300&amp;h=273 300w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>Here is the last Variation: the image with all of the above options including a watermark (see the little cat at the center bottom of the image):</p>
<p><a href="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png"><img loading="lazy" data-attachment-id="611" data-permalink="https://codertools.wordpress.com/2010/02/21/imageframer/xscreen-shot-2010-02-21-at-9-29-09-am/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png" data-orig-size="580,528" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="XScreen shot 2010-02-21 at 9.29.09 AM" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png?w=529" class="alignnone size-full wp-image-611" style="border:0 none;" title="XScreen shot 2010-02-21 at 9.29.09 AM" src="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png?w=529" alt=""   srcset="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png 580w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png?w=150&amp;h=137 150w, https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png?w=300&amp;h=273 300w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p><a name="off_the_top"></a></p>
<h2><span style="color:#993300;"><strong>Off the Top</strong></span></h2>
<h3><strong>Things I liked</strong></h3>
<p><em>What I think really makes this program work for me.</em></p>
<p><strong>I really liked</strong> the Variations feature &#8211; saved a lot of time getting the frame design just right</p>
<p><strong>I really liked</strong> the Save Design feature which makes it nice to have the same exact frame across a series of images</p>
<p><strong>I really liked</strong> the quantity of frames initially available and all of the permutations that can be applied to any given frame for a totally different look</p>
<p><strong>I really liked</strong> the color picker&#8217;s ability to match to any color that you want &#8211; great for matching backgrounds or other colors in your publications</p>
<h3><strong>Things I could like</strong></h3>
<p><em>Some things that would be cool (to me) if they existed (suggestions?) or, perhaps changed, in <strong>ImageFramer</strong><br />
</em></p>
<p><strong>I would like it if</strong> there was a way to resize the <strong>Controls</strong> dialog.  It would make switching between frames much faster</p>
<p><strong>I would like it if</strong> the<strong> Controls</strong> dialog had the Collections, Sets and Frames buttons on the top or as tab folders</p>
<p><strong>I would like it if</strong> an import option for additional frames existed (if it&#8217;s there I can&#8217;t find it).  I know you can use your own frames but it&#8217;s not obvious from the UI</p>
<p><strong>I would like it if</strong> there was a way to make the background transparent &#8211; that would be very valuable for patterned backgrounds that I want to put a framed picture onto. <span style="color:#ff0000;"><strong>UPDATE</strong></span>: Ooops my mistake, here is a message from the author: <em>&#8216;Hi. In fact you can export with transparent background. When exporting to TIF or PNG it&#8217;s saved with transparent one. It&#8217;s simply that JPG doesn&#8217;t allow transparency so it exports with background color instead.&#8221;</em></p>
<p><a name="recommendation"></a></p>
<h2><span style="color:#993300;">Recommendation</span></h2>
<p>Here we are at the end!  I have to say that this is not my normal type of review but it was quite fun to work with this program and I have found it extremely useful to work with on some of my other blog projects already.  I even did a nice header picture for my wife&#8217;s blog and it turned out very nicely.</p>
<p>I don&#8217;t hesitate to recommend this program if you have a need that fits in ImageFramer&#8217;s niche.</p>
<p><span style="color:#333399;"><em><strong>Tab</strong></em></span></p>
<p><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-43-26-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.43.26 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-12-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.44.12 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-31-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.44.31 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-37-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.44.37 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-44-56-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.44.56 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-7-45-09-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 7.45.09 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/screen-shot-2010-02-21-at-9-27-20-am.png" medium="image">
			<media:title type="html">Screen shot 2010-02-21 at 9.27.20 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-27-35-am.png" medium="image">
			<media:title type="html">XScreen shot 2010-02-21 at 9.27.35 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-08-am.png" medium="image">
			<media:title type="html">XScreen shot 2010-02-21 at 9.28.08 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-25-am.png" medium="image">
			<media:title type="html">XScreen shot 2010-02-21 at 9.28.25 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-28-53-am.png" medium="image">
			<media:title type="html">XScreen shot 2010-02-21 at 9.28.53 AM</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2010/02/xscreen-shot-2010-02-21-at-9-29-09-am.png" medium="image">
			<media:title type="html">XScreen shot 2010-02-21 at 9.29.09 AM</media:title>
		</media:content>
	</item>
		<item>
		<title>Dependency Injection Collection &#8211; Unity</title>
		<link>https://codertools.wordpress.com/2010/02/08/dependency-injection-collection-unity/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Mon, 08 Feb 2010 15:24:52 +0000</pubDate>
				<category><![CDATA[.Net]]></category>
		<category><![CDATA[DI]]></category>
		<category><![CDATA[IOC]]></category>
		<category><![CDATA[Unit]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=582</guid>

					<description><![CDATA[Preamble This is just my collection of research that I kept as important while researching the usage/validity of the Unity &#8230;<p><a href="https://codertools.wordpress.com/2010/02/08/dependency-injection-collection-unity/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><strong><span style="color:#993300;">Preamble</span></strong></h2>
<p>This is just my collection of research that I kept as important while researching the usage/validity of the Unity Application Block by Microsoft.</p>
<h2><span style="color:#993300;"><strong>Links</strong></span></h2>
<p>Links to online articles and documentation.</p>
<div><a href="http://www.pnpguidance.net/" target="_blank">http://www.pnpguidance.net/</a> David Hayden PNP Guidance &#8211; great content here!</div>
<div><a href="http://davidhayden.com/" target="_blank">http://davidhayden.com/</a></div>
<div><a href="http://unity.codeplex.com/" target="_blank">http://unity.codeplex.com/</a></div>
<div><a href="http://www.pnpguidance.net/Screencast/UnityDependencyInjectionIoCScreencast.aspx" target="_blank">http://www.pnpguidance.net/Screencast/UnityDependencyInjectionIoCScreencast.aspx</a></div>
<div><a href="http://www.davidhayden.me/2010/01/injectionfactory-in-unity---register-delegate-to-create-object.html" target="_blank">http://www.davidhayden.me/2010/01/injectionfactory-in-unity&#8212;register-delegate-to-create-object.html</a></div>
<div><a href="http://www.pnpguidance.net/Post/UnityConfigurationSeparateConfigurationFile.aspx" target="_blank">http://www.pnpguidance.net/Post/UnityConfigurationSeparateConfigurationFile.aspx</a></div>
<div><strong><br />
</strong></div>
<h3><strong>Tutorials</strong></h3>
<div><a href="http://www.pnpguidance.net/category/Unity.aspx" target="_blank">http://www.pnpguidance.net/category/Unity.aspx</a></div>
<div><a href="http://www.pnpguidance.net/Post/EnterpriseLibrary41Unity12HandsOnLabsDownloadPatternsPractices.aspx" target="_blank">http://www.pnpguidance.net/Post/EnterpriseLibrary41Unity12HandsOnLabsDownloadPatternsPractices.aspx</a></div>
<div><a href="http://www.codeplex.com/unity" target="_blank">http://www.codeplex.com/unity</a></div>
<div><a href="http://www.pnpguidance.net/Post/AOPUnityInterfaceInterceptorExampleUnityDependencyInjectionTutorials.aspx" target="_blank">http://www.pnpguidance.net/Post/AOPUnityInterfaceInterceptorExampleUnityDependencyInjectionTutorials.aspx</a></div>
<h3><strong>Articles</strong></h3>
<div>Unity and MOQ: <a href="http://elegantcode.com/2010/01/03/unitymoq-automocker-or-automockingcontainer/" target="_blank">http://elegantcode.com/2010/01/03/unitymoq-automocker-or-automockingcontainer/</a></div>
<div>Create AutoMocking Container with Unity: <a href="http://weblogs.asp.net/rosherove/archive/2008/04/14/creating-a-automockingcontainer-with-microsoft-unity-pretty-darn-simple.aspx" target="_blank">http://weblogs.asp.net/rosherove/archive/2008/04/14/creating-a-automockingcontainer-with-microsoft-unity-pretty-darn-simple.aspx</a></div>
<div>IOC Benchmarks: <a href="http://www.codinginstinct.com/2008/04/ioc-container-benchmark-unity-windsor.html" target="_blank">http://www.codinginstinct.com/2008/04/ioc-container-benchmark-unity-windsor.html</a></div>
<div>DI, Factory vs. Container: Unity: <a href="http://dotnethitman.spaces.live.com/Blog/cns%21E149A8B1E1C25B14%21194.entry" target="_blank">http://dotnethitman.spaces.live.com/Blog/cns!E149A8B1E1C25B14!194.entry</a></div>
<div>Unity/Moq, AutoMocker or AutoMockingContainer: <a href="http://elegantcode.com/2010/01/03/unitymoq-automocker-or-automockingcontainer/" target="_blank">http://elegantcode.com/2010/01/03/unitymoq-automocker-or-automockingcontainer/</a></div>
<h2><strong><span style="color:#993300;">Media</span></strong></h2>
<p>Some learning videos I utilized.</p>
<p><a href="http://www.slideshare.net/hbatista/dependency-injection-with-enterprise-library-41" target="_blank">http://www.slideshare.net/hbatista/dependency-injection-with-enterprise-library-41</a></p>
<p><a href="http://www.pnpguidance.net/Screencast/EnterpriseLibrary4DataAccessApplicationBlockDAABUnityIoCScreencast.aspx" target="_blank">http://www.pnpguidance.net/Screencast/EnterpriseLibrary4DataAccessApplicationBlockDAABUnityIoCScreencast.aspx</a></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>
	</item>
		<item>
		<title>UI Prototyping and Mockups Part 4 &#8211; Mockup Screens</title>
		<link>https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Tue, 22 Sep 2009 03:39:31 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=555</guid>

					<description><![CDATA[Preamble (if you rate this I would like to read your comments about your rating) Part 1 of this series &#8230;<p><a href="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span><span style="color:#333399;"> </span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p><strong><a href="../2009/07/25/proto-and-mockup-part-1-balsamiq/">Part 1</a></strong> of this series is about <span style="color:#000080;"><strong>Balsamiq</strong></span>,  <a href="../2009/08/13/ui-prototyping-and-mockups-part-2-foreui/"><strong>Part 2</strong></a> is about <span style="color:#000080;"><strong>ForeUI</strong></span>, <strong><a href="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/" target="_self"><strong>Part 3</strong></a></strong> is about <span style="color:#000080;"><strong>iPlotz</strong></span> and this <strong>final</strong> review (of mockup tools), <strong>Part 4</strong>, is about a desktop prototyping program called <strong>Mockup Screens</strong>.</p>
<p>Mockup Screens is a Windows only program which enables you to quickly and efficiently develop prototypes in Windows, Web and Wireframe (Mockup Screens calls this Black and White) representations.</p>
<p>Download and installation is a snap (you only need your email address and it is never given away according to the author) and you are up and running in minutes &#8211; that&#8217;s a good deal.</p>
<p>So, on to the rest of the review.</p>
<p><strong>Info on Product:</strong></p>
<ul>
<li>Current Version: <strong>4.21</strong></li>
<li>Platform: <strong>Windows</strong></li>
<li>Pricing: <strong>$99</strong> Single Users, <strong>$199</strong> Team, <strong>$399</strong> Corporate, <strong>$249</strong> Educational</li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how it felt working with it as well as my impressions from a software developer point of view.  This is not some indirect advertising or some way to push more business for Mockup Screens.  Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for Mockup Screens</strong>:</p>
<p><strong><a href="http://mockupscreens.com/index.php?page=Home" target="_blank">Home Page</a></strong></p>
<p><strong><a href="http://mockupscreens.com/index.php?page=Screen-Prototypes" target="_blank">Screenshots</a></strong><strong><br />
</strong></p>
<p><strong><a href="http://mockupscreens.com/index.php?page=Software-Requirements" target="_blank">General Info</a></strong></p>
<p><strong><a href="http://mockupscreens.com/index.php?page=Buy_Now" target="_blank">Pricing</a></strong></p>
<p><a href="http://mockupscreens.com/index.php?page=Free-Download" target="_blank"><strong>Downloads</strong></a></p>
<p><a href="http://mockupscreens.com/index.php?page=Articles_on_Software_Requirements" target="_blank"><strong>Articles</strong></a></p>
<p><strong><a href="http://mockupscreens.com/blog/" target="_blank">Blog</a><br />
</strong></p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>Quick look at Mockup Screens.  Here are a few screen shots and some info about various features of Mockup Screens.</p>
<p><span style="color:#1d4d90;"><strong>General</strong></span></p>
<p>This is a the default look of Mockup Screens after it has loaded (much smaller of course).  I really like the clean layout of Mockup Screens:  it&#8217;s nice and easy to find the features I need to work with without hunting around the UI for what I want to do.  Everything is very well identified with no mysteries about where the Widgets are or where the Basic properties, etc.</p>
<p><img loading="lazy" data-attachment-id="563" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/general-2/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png" data-orig-size="670,618" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="general" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png?w=529" class="alignnone size-full wp-image-563" style="border:0 none;" title="general" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png?w=529" alt="general"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png 670w, https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png?w=150&amp;h=138 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png?w=300&amp;h=277 300w" sizes="(max-width: 670px) 100vw, 670px" /></p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">Widgets</span><br />
</strong></span></p>
<p>The Widgets are what it&#8217;s all about of course and the Widgets panel is self-explanatory.  Just drag and drop the widget from the panel to the canvas and set the properties:  pretty simple.</p>
<p><img loading="lazy" data-attachment-id="566" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/widgets_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png" data-orig-size="160,468" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="widgets_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png?w=103" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png?w=160" class="alignnone size-full wp-image-566" style="border:0 none;" title="widgets_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png?w=529" alt="widgets_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png 160w, https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png?w=51&amp;h=150 51w" sizes="(max-width: 160px) 100vw, 160px" /></p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"><strong>Screens<br />
</strong></span></p>
<p>This panel shows a list of named (either by Caption or Alternate Name) screens that are in your current project.  You just click on a screen representation to switch to that screen on the canvas.</p>
<p><img loading="lazy" data-attachment-id="565" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/screens_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png" data-orig-size="152,469" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="screens_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png?w=97" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png?w=152" class="alignnone size-full wp-image-565" style="border:0 none;" title="screens_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png?w=529" alt="screens_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png 152w, https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png?w=49&amp;h=150 49w" sizes="(max-width: 152px) 100vw, 152px" /></p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"> </span></p>
<p><span style="color:#1d4d90;"><strong>Properties<br />
</strong></span></p>
<p>There are 4 property panels including the Comments panel: Basic properties, Advanced properties and Geometry.</p>
<p><img loading="lazy" data-attachment-id="562" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/comments_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png" data-orig-size="345,222" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="comments_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png?w=345" class="alignnone size-full wp-image-562" style="border:0 none;" title="comments_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png?w=529" alt="comments_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png 345w, https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png?w=150&amp;h=97 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png?w=300&amp;h=193 300w" sizes="(max-width: 345px) 100vw, 345px" /></p>
<p><img loading="lazy" data-attachment-id="561" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/basic_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png" data-orig-size="334,219" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="basic_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png?w=334" class="alignnone size-full wp-image-561" style="border:0 none;" title="basic_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png?w=529" alt="basic_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png 334w, https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png?w=150&amp;h=98 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png?w=300&amp;h=197 300w" sizes="(max-width: 334px) 100vw, 334px" /></p>
<p><img loading="lazy" data-attachment-id="560" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/advanced_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png" data-orig-size="334,220" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="advanced_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png?w=334" class="alignnone size-full wp-image-560" style="border:0 none;" title="advanced_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png?w=529" alt="advanced_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png 334w, https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png?w=150&amp;h=99 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png?w=300&amp;h=198 300w" sizes="(max-width: 334px) 100vw, 334px" /></p>
<p><img loading="lazy" data-attachment-id="564" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/geometry_properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png" data-orig-size="334,221" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="geometry_properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png?w=334" class="alignnone size-full wp-image-564" style="border:0 none;" title="geometry_properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png?w=529" alt="geometry_properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png 334w, https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png?w=150&amp;h=99 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png?w=300&amp;h=199 300w" sizes="(max-width: 334px) 100vw, 334px" /></p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<p>Here are some screen shots of a sample prototype that I put together.  While it is rudimentary (on my part) it does show how easy it is to create a prototype UI with Mockup Screens:</p>
<p>This is my base screen with a general menu I added in about 2 minutes.  The watermark does not exist in the registered version.</p>
<p><img loading="lazy" data-attachment-id="569" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/stage1_screen01/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png" data-orig-size="311,311" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="stage1_screen01" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png?w=311" class="alignnone size-full wp-image-569" title="stage1_screen01" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png?w=529" alt="stage1_screen01"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png 311w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png?w=150&amp;h=150 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png?w=300&amp;h=300 300w" sizes="(max-width: 311px) 100vw, 311px" /></p>
<p>I increased the size of the screen here to fit a couple of widgets into it.</p>
<p><img loading="lazy" data-attachment-id="570" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/stage2_screen01/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png" data-orig-size="421,377" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="stage2_screen01" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png?w=421" class="alignnone size-full wp-image-570" title="stage2_screen01" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png?w=529" alt="stage2_screen01"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png 421w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png?w=150&amp;h=134 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png?w=300&amp;h=269 300w" sizes="(max-width: 421px) 100vw, 421px" /></p>
<p>Now you can see that I added a treeview with some items.  Treeviews are very easy to work with using a . (or multiple dot) notation for submenus.</p>
<p><img loading="lazy" data-attachment-id="571" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/stage3_screen01/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png" data-orig-size="421,377" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="stage3_screen01" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png?w=421" class="alignnone size-full wp-image-571" title="stage3_screen01" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png?w=529" alt="stage3_screen01"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png 421w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png?w=150&amp;h=134 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png?w=300&amp;h=269 300w" sizes="(max-width: 421px) 100vw, 421px" /></p>
<p>Finally, I added a couple of button with an action to jump to the next screen (just a plain window I did not show here).</p>
<p><img loading="lazy" data-attachment-id="572" data-permalink="https://codertools.wordpress.com/2009/09/21/ui-prototyping-and-mockups-part-4-mockup-screens/stage4_screen01/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png" data-orig-size="421,377" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="stage4_screen01" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png?w=421" class="alignnone size-full wp-image-572" title="stage4_screen01" src="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png?w=529" alt="stage4_screen01"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png 421w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png?w=150&amp;h=134 150w, https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png?w=300&amp;h=269 300w" sizes="(max-width: 421px) 100vw, 421px" /></p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this Mockup Screens work for me.</span></span></em></p>
<ul>
<li>I really liked the ability to fine tune the placement of the widgets with the Shift-Arrow (fine tune) or Arrow (same as mouse movement) &#8211; it&#8217;s nice to have exact placement.</li>
<li>I really liked how clean the Mockup Screens UI presentation is.</li>
<li>The Jump to Screen option makes it easy to create a generalized workflow from screen to screen.</li>
<li>The slideshow feature is a real bonus &#8211; the ability to navigate through the workflow of your prototype is extremely helpful.</li>
<li>The ability to export into several different file formats is extremely useful to me &#8211; I especially like the .pdf export feature (in all of the tools I use!) as it saves me a lot of time doing my own pdf&#8217;s.</li>
<li>Besides the ability to export your whole project (all scenarios) or selected scenarios is awesome!  It also is very helpful to be able to just take a single snapshot of the current screen I am working on.</li>
<li>The Screens panel is a very cool feature which really made it nice to navigate back and forth between various screens I was working on.</li>
<li>The Marks Widget is extremely handy for presentations.  It allows you to annotate certain UI points and when I am presenting a UI it is easier to say &#8216;look at item 4&#8217; instead of &#8216;look at the tab widget below the divider bar&#8217; &#8211; clarity makes it easier to communicate to the client.</li>
</ul>
<p><strong><span style="color:#1d4d90;">Things I could like</span></strong></p>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they existed (suggestions?) or, perhaps corrected, in Mockup Screens.<br />
</em></p>
<ul>
<li>I would like it if there was a more hand drawn skin type.  Windows and Web is nice and the Black and White skin is very neutral but I kind of like the hand drawn look of Balsamiq or ForeUI.  Probably just me but when I am working with a customer on a prototype it kind of looks like what it&#8217;s supposed to:  a rough drawn sketch.</li>
<li>I would be good to see the tab key actually work for field navigation in the properties area.  I clicked on the Caption field for my Main Screen (see above) and the cursor did not move to the next field.  This worked the same for the <strong>Basic</strong>, <strong>Advanced</strong> and <strong>Geometry</strong> property tabs.</li>
<li>It would be great if the <strong>Screens</strong> panel could be stacked (like a tab control) with the <strong>Widgets</strong> panel for maximized screen space.</li>
<li>I would like it if the Comments &#8216;tab&#8217; was located with the rest of the property tabs.  If that&#8217;s too much room for comments then perhaps the Geometry tab could be renamed to Other and then add the comments in its own group box.</li>
<li>The Widgets needs an <strong>Object</strong> component that can be set as a <em>circle</em>, <em>oval</em>, <em>rectangle</em> with back colors and opacity.  Additionally, it would be nice to see a different cursor for the line widget other than a line &#8211; it&#8217;s kind of distracting.</li>
<li>Adding the ability to choose some basic action for the Jump to Screen feature would be nice such as Click, Select, Change Text, etc&#8230;</li>
<li>It would make more sense (to me) to limit the Jump to Screen feature to UI components that it makes sense to have it on.  ie.. it does not make sense to jump to a different screen to when I click on the <strong>Line</strong> widget or when I click on the <strong>Window</strong> background.  If it does I would like to know why&#8230;?</li>
<li>I keep coming back to the properties panels.  The thing is that while they are clean they would be  more useful (just to me!) if they had the ability to undock from where they are and allow you to move them around.</li>
</ul>
<p style="text-align:left;"><a name="recommendation"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">I have to admit that I spent a long time with this review (I usually can get one done each week) but I was having  a hard time finding a lot of reasons why I would buy this product for $99.  Don&#8217;t get me wrong:  Mockup Screens has a lot of great potential and it seems to be a very solid base to build on but it kind of feels like that to me:  a solid base for building a top notch prototyping program.</p>
<p style="text-align:left;">I have communicated with the developer (Igor Jese) and he is a great spark of enthusiasm and productivity.  I have always had the sense that he will do whatever it takes to make Mockup Screens a truly stellar product (and it DOES have the potential for it).</p>
<p style="text-align:left;">Finally, personally, I would not be able to justify putting $99 into Mockup Screens as it stands (see: <strong><span style="color:#1d4d90;">Things I could like</span></strong>) but that will most likely change in the future.  This is just my personal opinion and what I think does not detract from the quality of Mockup Screens as it stands.</p>
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p style="text-align:left;"><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/general.png" medium="image">
			<media:title type="html">general</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/widgets_properties.png" medium="image">
			<media:title type="html">widgets_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/screens_properties.png" medium="image">
			<media:title type="html">screens_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/comments_properties.png" medium="image">
			<media:title type="html">comments_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/basic_properties.png" medium="image">
			<media:title type="html">basic_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/advanced_properties.png" medium="image">
			<media:title type="html">advanced_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/geometry_properties.png" medium="image">
			<media:title type="html">geometry_properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage1_screen01.png" medium="image">
			<media:title type="html">stage1_screen01</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage2_screen01.png" medium="image">
			<media:title type="html">stage2_screen01</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage3_screen01.png" medium="image">
			<media:title type="html">stage3_screen01</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/09/stage4_screen01.png" medium="image">
			<media:title type="html">stage4_screen01</media:title>
		</media:content>
	</item>
		<item>
		<title>UI Prototyping and Mockups Part 3 &#8211; iPlotz</title>
		<link>https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Mon, 24 Aug 2009 04:17:46 +0000</pubDate>
				<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=502</guid>

					<description><![CDATA[Part 1 of this series is about Balsamiq,  Part 2 is about ForeUI, and this review, Part 3, is about a desktop and online Wireframe and Mockup tool called iPlotz.  Built on the Flash platform, iPlotz runs in any browser which supports Flash (I am using Flash 10) and it also runs on any desktop which supports Adobe Air (this is an assumption on my part)...<p><a href="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p><strong><a href="../2009/07/25/proto-and-mockup-part-1-balsamiq/">Part 1</a></strong> of this series is about <span style="color:#000080;"><strong>Balsamiq</strong></span>,  <a href="../2009/08/13/ui-prototyping-and-mockups-part-2-foreui/"><strong>Part 2</strong></a> is about <span style="color:#000080;"><strong>ForeUI</strong></span>, and this review, <strong>Part 3,</strong> is about a desktop and online Wireframe and Mockup tool called <strong><a href="http://iplotz.com/index.php" target="_blank">iPlotz</a></strong>.  Built on the Flash platform, iPlotz runs in any browser which supports Flash (I am using Flash 10) and it also runs on any desktop which supports Adobe Air (this is an assumption on my part).</p>
<p>Signup was a breeze and painless since my credit card was never asked for (other online services with similar target audience want a credit card even though it&#8217;s a 30-day trial &#8211; sorry&#8230;) and I was able to get up and running in minutes &#8211; how nice is that?</p>
<p>I chose to review the iPlotz Desktop (Adobe Air application) version since it&#8217;s easier for me to get better snapshots.  The Online version works just as well (maybe better since I have all account info and online info right there) I just happen to prefer desktop apps that are web enabled or is it web apps that are desktop enabled?  The main difference I noticed right away between the online and desktop version was the startup screen presentation where the desktop version starts with the Manage screen (see below) and the online version starts with a higher level screen but both seem to offer the same essential features.</p>
<p><strong>Desktop Licensing</strong>: iPlotz allows you to run the desktop version on multiple systems but it appears that if you install it too many times your account key is disabled and you will have to get a new serial key.  Not sure why this is nor am I certain of how many &#8216;too many times&#8217; is but you can read about it <strong><a href="http://iplotz.com/kb/index.php?action=artikel&amp;cat=4&amp;id=1&amp;artlang=en" target="_blank">here</a></strong>.</p>
<p><strong>NOTE</strong>:  If you choose the free version (online) or the Desktop version you only get one project so I will not be able to comment on how multiple projects are handled.</p>
<p><em>From now on</em>, iPlotz refers to the desktop version specifically so some things may be different than the online version.  Where differences become apparent I will make the proper adjustments as they become known to me.</p>
<p><strong>Info on Product:</strong></p>
<ul>
<li>Current Version: <strong>1.58 </strong>build 2718</li>
<li>Platform: <strong>Cross Platform/All Platforms</strong> =&gt; Adobe Air Desktop/Flash enabled browsers</li>
<li>Pricing: <strong>Free</strong> (1 Project), <strong>$15 Monthly</strong> (unlimited projects, 1GB Storage), <strong>$99 Annually</strong> (unlimited projects, desktop included, 1GB storage),<strong> $75</strong> (desktop) (<a href="http://iplotz.com/price.php" target="_blank">see this page for details</a>)</li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how it felt working with it as well as my impressions from a software developer point of view.  This is not some indirect advertising or some way to push more business to <strong>iPlotz</strong>.  Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for iPlotz</strong>:</p>
<p><strong><a href="http://iplotz.com/index.php" target="_blank">Home<br />
</a></strong></p>
<p><a href="http://iplotz.com/whatisiPlotz.php" target="_blank"><strong>What is iPlotz?</strong></a></p>
<p><strong><a href="http://iplotz.com/support.php" target="_blank">Support/Demo Video&#8217;s</a></strong></p>
<p><strong><a href="http://iplotz.com/projects.php" target="_blank">Projects &amp; Snippets</a><br />
</strong></p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>I mentioned above that I really like Adobe Air applications and I realized what I really like, aside from all the cool technology under the hood, is the extremely crisp, clean look the UI presentation has.  I am sure that&#8217;s not such a hot point for a lot of developer&#8217;s but for me, having developed on the less than stellar Windows XP, it is refreshing.  Anyhow, that&#8217;s the long way of saying that iPlotz has a sweet UI.  It is well thought out, clean, not too confusing and functional.</p>
<p><span style="color:#1b3746;">What follows are some features that I spent some time looking at and wanted to comment on.  It would be impossible to cover every feature since that&#8217;s the vendor&#8217;s job, I am just trying to communicate my view of how the program works.  If you want more info check the<strong> Support/Demo Video&#8217;s</strong> link above.</span></p>
<p><span style="color:#1d4d90;"><strong>General</strong></span></p>
<p>After you run iPlotz it presents a summary (<strong>Manage</strong> view) of a list of your <strong>Projects</strong>, a <strong>Sitemap</strong> (list of wireframes you have created) and the <strong>Tasks</strong> associated with the currently selected project.</p>
<p>You can also toggle between the following views: <strong>Manage</strong>, <strong>Wireframe</strong> or<strong> Preview</strong>.  <strong>Wireframe</strong> takes you to the canvas of the last page you were working on or the current page if you have opened a project and <strong>Preview</strong> shows you a preview of the last page you were working on or the current page if you have opened a project.</p>
<p>Here is a shot of the Default view when you run iPlotz:</p>
<p><img loading="lazy" data-attachment-id="515" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/iplotz_desktop_startup/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png" data-orig-size="880,680" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="iplotz_desktop_startup" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=529" class="alignnone size-full wp-image-515" style="border:0 none;" title="iplotz_desktop_startup" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=529" alt="iplotz_desktop_startup"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=700&amp;h=540 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=150&amp;h=116 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=300&amp;h=232 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png?w=768&amp;h=593 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png 880w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>It would be nice if<strong> </strong>there were a sample project you could open and spend some time with to see how everything works (I know there is a video but seeing and doing are two different things).</p>
<p>One thing which made it real difficult to work with iPlotz  is that iPlotz keeps prompting me every 5 minutes (yep, every 5) with a message telling me &#8220;Thank you for spending the last 5 minutes trying out iPloz&#8221; and then some buttons to Register, Continue or Purchase &#8211; that&#8217;s a major irritation when you are trying to evaluate software &#8211; why not just put a banner on the desktop version with Register and Purchase buttons or better yet just add the word [Trial] to the title bar of the app?  Here&#8217;s a shot of that:</p>
<p><img loading="lazy" data-attachment-id="516" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/desktop_annoying_5_minute_prompt/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png" data-orig-size="880,680" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="desktop_annoying_5_minute_prompt" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=529" class="alignnone size-full wp-image-516" style="border:0 none;" title="desktop_annoying_5_minute_prompt" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=529" alt="desktop_annoying_5_minute_prompt"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=700&amp;h=540 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=150&amp;h=116 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=300&amp;h=232 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png?w=768&amp;h=593 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png 880w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>So let&#8217;s move on to Projects and actually creating some mockups.</p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">Projects</span><br />
</strong></span></p>
<p>Projects consist of Pages within the Sitemap and Masters.  You can have multiple pages per projects and multiple masters per projects.  Masters are akin to page templates that your pages can &#8216;inherit&#8217; from by selecting a master page which your page can use as a base &#8211; very nice feature.  Masters are exactly like page templates in my mind where every page you create inherits from the template &#8211; this works the same way.</p>
<p>Here is a shot of my test project, as you can see I have two pages in the <strong>sitemap</strong> (note the buttons and formatting bar)<strong>:</strong></p>
<p><strong><img loading="lazy" data-attachment-id="521" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/page_using_master/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png" data-orig-size="880,821" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page_using_master" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=529" class="alignnone size-full wp-image-521" style="border:0 none;" title="page_using_master" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=529" alt="page_using_master"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=700&amp;h=653 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=150&amp;h=140 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=300&amp;h=280 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png?w=768&amp;h=717 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png 880w" sizes="(max-width: 700px) 100vw, 700px" /><br />
</strong></p>
<p><strong> </strong></p>
<p>Here is a shot of the <strong>Master</strong> page I am using above in both Test Pages:</p>
<p><img loading="lazy" data-attachment-id="520" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/master/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png" data-orig-size="880,833" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="master" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=529" class="alignnone size-full wp-image-520" style="border:0 none;" title="master" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=529" alt="master"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=700&amp;h=662 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=150&amp;h=142 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=300&amp;h=284 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png?w=768&amp;h=727 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png 880w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Finally, each project listed has it&#8217;s own set of command buttons which allow you to export your project, edit it or delete it.  You can also import and export projects from and to a binary file with .ipml as the suffix.</p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"> </span></p>
<p><span style="color:#1d4d90;"><strong>Components &amp; Properties<br />
</strong></span></p>
<p><strong>Components</strong></p>
<p>The variety of components is excellent!  I would be hard pressed to say what, if any, components might be missing and if you do need a component that&#8217;s not there then you can probably conjure it up the Rectangle and Line objects (at least a rough layout).  Check in the <strong>What I Did</strong> section to see a small sample of some of the components.</p>
<p>In spite of the nice selection of components I did not find that working with the components was as sharp as it could be.  I had to constantly re-click and drag twice to move a component and resizing components gave a similar experience (I am running the desktop version on OS X) which is a bit disappointing but I am sure it&#8217;s easily corrected if there is a problem with iPlotz and it&#8217;s not an AIR issue.</p>
<p>Here is a small shot of the components panel:</p>
<p><img loading="lazy" data-attachment-id="522" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/components/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png" data-orig-size="277,539" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="components" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png?w=154" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png?w=277" class="alignnone size-full wp-image-522" style="border:0 none;" title="components" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png?w=529" alt="components"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png 277w, https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png?w=77&amp;h=150 77w" sizes="(max-width: 277px) 100vw, 277px" /></p>
<p><strong>Properties</strong></p>
<p>I like the fact that the properties dialog stays visible all of the time but I did have an issue when I click on the main window (canvas) and then click on a component such as a button I had to click twice to get the properties to change to reflect that I was clicking on a button &#8211; not a big deal.</p>
<p>I also noticed that many of the same properties buttons such as Cut, Copy, Paste, Duplicate, Bring to Front, etc are located on the properties dialog.  I wouldn&#8217;t mind them being located on the main toolbar with only custom properties on the properties dialog.</p>
<p>Here&#8217;s a shot of the properties dialog:</p>
<p><img loading="lazy" data-attachment-id="523" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/properties-2/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png" data-orig-size="271,253" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png?w=271" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png?w=271" class="alignnone size-full wp-image-523" title="properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png?w=529" alt="properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png 271w, https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png?w=150&amp;h=140 150w" sizes="(max-width: 271px) 100vw, 271px" /></p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<p>Info and screen shots on how I used the iPlotz.</p>
<p>Well, I was going to do a step by step here and show the mockup as I built it component by component but I could not get the program to export the mockup to an image file even though the option is available.  Simply: the button to export would not respond so I don&#8217;t know if this is a bug or another &#8216;demo&#8217; limitation.</p>
<p>So here is an overall screen shot of the end result as it shows within iPlotz:</p>
<p><img loading="lazy" data-attachment-id="524" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/end_result/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png" data-orig-size="880,842" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="end_result" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=529" class="alignnone size-full wp-image-524" style="border:0 none;" title="end_result" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=529" alt="end_result"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=700&amp;h=669 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=150&amp;h=144 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=300&amp;h=287 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png?w=768&amp;h=735 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png 880w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Let me add a point of concern here.  When I was putting this little mockup together I constantly had to undo and then re-drag components onto the canvas as I kept getting components embedded within other components and then they would look in relative position making it impossible to move things around properly.  Once that started happening I also was not able to preview until I loaded my other test page then went back to this one.</p>
<p>Here is a shot of what I am talking about:</p>
<p><img loading="lazy" data-attachment-id="525" data-permalink="https://codertools.wordpress.com/2009/08/23/ui-prototyping-and-mockups-part-3-iplotz/issue/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png" data-orig-size="400,500" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="issue" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png?w=240" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png?w=400" class="alignnone size-full wp-image-525" style="border:0 none;" title="issue" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png?w=529" alt="issue"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png 400w, https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png?w=120&amp;h=150 120w, https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png?w=240&amp;h=300 240w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p>Do you see the blue outlining?  That&#8217;s an indicator that somehow my radio button I just added and the pre-existing treeview are &#8216;connected&#8217; &#8211; I am very uncertain as to what this is about but it was not a good sign that I would be willing to pony up $75 for the desktop version &#8211; not until some of the kinks get worked out.</p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this program work for me&#8230;</span></span></em></p>
<ul>
<li>The look and feel of the program is slick!</li>
<li>I like to the centralizing project feature.  It is so much easier to work in projects instead of just disconnected mockups.</li>
<li>The Tasks feature is a nice touch.</li>
<li>The import and export feature is well done.  I like that I can export to images as well as the iPlotz file type.</li>
<li>Components are what makes a mockup (or a program for that matter) and the better the components the better the representation to your end user.</li>
</ul>
<p><strong><span style="color:#1d4d90;">Things I could like</span></strong></p>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they existed (suggestions?) or, perhaps corrected&#8230;<br />
</em></p>
<ul>
<li>I could really like this product if it felt a bit more concrete to me.  It feels kind of brittle and I feel hesitant, as if I have to tip toe around to avoid creating an issue &#8211; perhaps with some more refinement and code maturity that will change.</li>
<li>I would like it if iPlotz would stop prompting me every 5 minutes with the message:&#8221;Thank you for spending the last 5 minutes trying out iPloz&#8221;.</li>
<li>It would be great if the help was actually available from the desktop (if I missed it please point it out).</li>
<li>It would be nice if<strong> </strong>there were a sample project.</li>
<li>Having a real help file instead of a few questions would be helpful.  Personally, I don&#8217;t care to watch videos as my only reliance on learning a product and even though videos can be helpful I like to print key pages of help to read when I am not at the computer.</li>
<li>Make the properties dialog a bit more responsive so that it changes to reflect the current component on the first click.</li>
</ul>
<p style="text-align:left;"><a name="recommendation"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">Here we are at the end of this review.</p>
<p style="text-align:left;">I have to say that I can&#8217;t recommend you spend time evaluating the desktop edition &#8211; not with that somewhat annoying message box that keeps popping up every 5 minutes.  It really made just working with this project a challenge and it certainly did impress upon me how important it is that I know I have been working with iPlotz for 5 more minutes.  You might consider working with the online version instead.</p>
<p style="text-align:left;">I can&#8217;t be overly enthusiastic about a program that appears to need more testing and refinement in certain areas as iPlotz does.  It just feels fragile to me with respect to the actual building of the mockup and since that&#8217;s the main point of the program I don&#8217;t feel comfortable telling you this is the greatest thing.  The other features seem quite solid and I had no issues with them at all (Projects, Tasks, Master, Pages in general) but they are really ancillary to the main point:  building mockups.</p>
<p style="text-align:left;">Finally, this is certainly a potentially promising product.  I liked many of the features and see the value that is offered so I can suggest you keep an eye on it.</p>
<p style="text-align:left;">You want to try this product and signing up for a free account is painless so there is nothing to lose but a couple of hours checking it out.</p>
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p style="text-align:left;"><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/iplotz_desktop_startup.png" medium="image">
			<media:title type="html">iplotz_desktop_startup</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/desktop_annoying_5_minute_prompt.png" medium="image">
			<media:title type="html">desktop_annoying_5_minute_prompt</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page_using_master.png" medium="image">
			<media:title type="html">page_using_master</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/master.png" medium="image">
			<media:title type="html">master</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/components.png" medium="image">
			<media:title type="html">components</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties1.png" medium="image">
			<media:title type="html">properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/end_result.png" medium="image">
			<media:title type="html">end_result</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/issue.png" medium="image">
			<media:title type="html">issue</media:title>
		</media:content>
	</item>
		<item>
		<title>Help/Doc &#8211; HelpSmith</title>
		<link>https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Mon, 17 Aug 2009 04:37:15 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[generate]]></category>
		<category><![CDATA[Help]]></category>
		<category><![CDATA[ide]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=452</guid>

					<description><![CDATA[Maybe you have a help generation tool that you really like, perhaps not... If not, then this new series of posts on Help/Doc Tools may be of some help to you.  For this first, Part 1, I will look at HelpSmith by Divcom Software...<p><a href="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p>Providing Help for desktop applications has been the bane of my development existence for years.  I have tried building the html help files in web editors and then hooking the content in the <a href="http://msdn.microsoft.com/en-us/library/aa189109(office.10).aspx" target="_blank">Microsoft Html Help Workshop</a>: what fun&#8230;I have used <a href="http://www.adobe.com/products/robohelp/" target="_blank">RoboHelp</a> (the old version before Adobe captured it) with mixed results and frankly found it to be a bit much for what I wanted.  Then, when I started programming in .Net I turned to <a href="http://ndoc.sourceforge.net/" target="_blank">nDoc</a> for generating help files but that project died out so then I turned to <a href="http://sandcastle.codeplex.com/" target="_blank">SandCastle</a> for building help files and that was a chore let me tell you (until I found <a href="http://shfb.codeplex.com/" target="_blank">SandCastle Help File Builder</a>). So why am I droning on here?  Well, once I find a product I like I tend to stick with it (eg. I am still using the <a href="http://www.lancs.ac.uk/staff/steveb/cpaap/pfe/" target="_blank">Programmers File Editor</a> since it&#8217;s original release, over 10 years now) but I have never found a help generation solution that I liked &#8211; yet&#8230;</p>
<p>Maybe you have a help generation tool that you really like, perhaps not&#8230; If not, then this new post may be of some help to you.  For this review I will look at <span style="color:#993300;"><a href="http://www.helpsmith.com/" target="_blank"><strong>HelpSmith</strong></a></span> by Divcom Software.</p>
<p><strong>Note</strong>: This review is not going to go into every feature that HelpSmith offers (there is not enough time to do that and this post would be 100 pages long) &#8211; that&#8217;s for Divcom to communicate via their website and the HelpSmith help file.  What I am going to do is create a sample help file and work with the features I would use so any ommisions are not intential they simply did not come across my radar.</p>
<p><span style="color:#0000ff;"><strong>Update &#8211; 08.25.2009</strong></span>:  Added comments from HelpSmith and corrected the topic selection dialog info.</p>
<p><strong>Info on Product:</strong></p>
<ul>
<li><strong>Current Version</strong>: 3.0 (build 9.807)</li>
<li><strong>Platform</strong>: Windows only</li>
<li><strong>Price</strong>: $120 (or less based on quantity)</li>
<li><strong>Dependencies</strong>: <a href="http://go.microsoft.com/fwlink/?LinkId=14188" target="_blank">Microsoft Html Help Workshop</a> (direct download)</li>
<li><strong>Trial</strong>: 30-days (enough time to make sure you want it!)</li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review by saying it is a review of how I see the program and how it felt working with it as well as <strong>my</strong> impressions from a software developer point of view.  This is <strong>not</strong> some indirect advertising or some way to push more business to <strong>HelpSmith</strong>.  Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for HelpSmith</strong>:</p>
<p><strong><a href="http://www.helpsmith.com/" target="_blank">Home<br />
</a></strong></p>
<p><strong><a href="http://www.helpsmith.com/screenshots.php" target="_blank">ScreenShots</a></strong></p>
<p><strong><a href="http://www.helpsmith.com/download.php" target="_blank">Download</a></strong></p>
<p><strong><a href="http://www.helpsmith.com/webhelp/" target="_blank">Online Doc</a></strong></p>
<p><strong><a href="http://blog.helpsmith.com/" target="_blank">Blog</a><br />
</strong></p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>HelpSmith is a full featured help file builder which allows you to build compiled html help (in standard winhelp and msdn style help), printable documents, and webhelp.  When I was using this program I had a sense I was working with an older style (not to say it&#8217;s old!) program akin to a VB6 style program.  That&#8217;s not a bad thing it just feels like I am working with a tool which was popular in terms of look and feel during the VB6 era.</p>
<p><span style="color:#1d4d90;"><strong>General</strong></span></p>
<p>Here is HelpSmith as it looks after startup (of course the size it something to be desired but it has to fit in this space!):</p>
<p><img loading="lazy" data-attachment-id="467" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/program_blank_startup/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png" data-orig-size="668,626" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="program_blank_startup" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png?w=529" class="alignnone size-full wp-image-467" style="border:0 none;" title="program_blank_startup" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png?w=529" alt="program_blank_startup"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png 668w, https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png?w=150&amp;h=141 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png?w=300&amp;h=281 300w" sizes="(max-width: 668px) 100vw, 668px" /></p>
<p>I really like the docking feature of the panels (I know it&#8217;s a standard thing but it&#8217;s not always done well) as it allows you to stack panels, combine them in a tabbed panel (not shown) and to autohide them (note Keywords &amp; Styles and Formatting to the right) &#8211; makes it nice when all you want to do is just write your content.</p>
<p>I normally lay out my help files on paper or in an outline tool before I actually spend time to build the help file but HelpSmith really makes that unnecessary with the <strong>Topics</strong> and <strong>Table of Contents</strong> tool windows which lend a nice organizational feature when building help files.  Very nice feature.</p>
<p>Formatting is pretty much like basic word processing (rich text) with all the standard formatting controls including bold, italic, font types, tables and alignment to name a few.  I did try the Tables feature since I seem to see a lot of brittle implementations in the area of tables but HelpSmith&#8217;s table implementation is solid though it would be nice to see more of the table options in an optional toolbar so there would be less click navigation to find the settings I am looking for (like cell backgrounds, etc).</p>
<p>I liked the solidity of this program.  Plainly a great deal of work has gone into the making of HelpSmith and it shows (aside from my little <a href="http://www.merriam-webster.com/dictionary/pique" target="_blank">pique</a> about the programs look and feel &#8211; joking!  I&#8217;m not piqued!).</p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">Tool Windows</span><br />
</strong></span></p>
<p><strong>Topics</strong></p>
<p>The Topics tool window is where you put your project content together by adding topics to your current project.  Topics can be based on a template (I based mine on the MSDN Style template) for a consistent look and feel for each topic.  That&#8217;s a great idea because I can remember having to build style sheets and link them into my help content manually &#8211; what a pain that was!  Note the Context id&#8217;s in the default view.</p>
<p><img loading="lazy" data-attachment-id="471" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/topics_organizer/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png" data-orig-size="236,306" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="topics_organizer" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png?w=231" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png?w=236" class="alignnone size-full wp-image-471" style="border:0 none;" title="topics_organizer" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png?w=529" alt="topics_organizer"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png 236w, https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png?w=116&amp;h=150 116w" sizes="(max-width: 236px) 100vw, 236px" /></p>
<p><strong>Table of Contents</strong></p>
<p>The TOC tool window is for building that navigational feature all help files (Windows anyway) share for navigating around the help file.  This tool window is really built like an outlining tool with the option to add TOC items before, after, at the end, beginning, etc..</p>
<p><img loading="lazy" data-attachment-id="470" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/toc_organizer/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png" data-orig-size="265,259" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="toc_organizer" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png?w=265" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png?w=265" class="alignnone size-full wp-image-470" style="border:0 none;" title="toc_organizer" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png?w=529" alt="toc_organizer"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png 265w, https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png?w=150&amp;h=147 150w" sizes="(max-width: 265px) 100vw, 265px" /></p>
<p>Adding a TOC item is accomplished with the New Item dialog (shown below).  You can enter your own <em><strong>Title</strong></em> for the item or use the title of the Topic you link to.  If you know the <em><strong>Context id</strong></em> of the Topic you want to link to you can enter it or <em><strong>Browse</strong></em> for it from a list of <strong>Topics</strong>.  You can also specify the <em><strong>Window</strong></em> you want to use and the <em><strong>Icon</strong></em> to assign to the TOC Item.</p>
<p><img loading="lazy" data-attachment-id="472" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/toc_add_item/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png" data-orig-size="502,279" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="toc_add_item" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png?w=502" class="alignnone size-full wp-image-472" style="border:0 none;" title="toc_add_item" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png?w=529" alt="toc_add_item"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png 502w, https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png?w=150&amp;h=83 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png?w=300&amp;h=167 300w" sizes="(max-width: 502px) 100vw, 502px" /></p>
<p>Here is how you browse for topics mentioned above.  <span style="text-decoration:line-through;">One thing I would like to see changed is to show the Title and the Context Id or just the title &#8211; titles are easier to remember than id numbers</span>. <span style="color:#993300;"><strong>Update</strong></span>:  HelpSmith provided me with this <strong>Browse for topics</strong> dialog with the Topic Names showing (you have to double click on the column dividers to expand though the columns will be expanded in the future to make it easy to do so.</p>
<p><img loading="lazy" data-attachment-id="538" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/browse-for-topics-dialog-box/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png" data-orig-size="372,332" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="browse-for-topics-dialog-box" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png?w=372" class="alignnone size-full wp-image-538" style="border:0 none;" title="browse-for-topics-dialog-box" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png?w=529" alt="browse-for-topics-dialog-box"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png 372w, https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png?w=150&amp;h=134 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png?w=300&amp;h=268 300w" sizes="(max-width: 372px) 100vw, 372px" /></p>
<p><strong>Keywords</strong></p>
<p>Keywords are used to seed your help file index which makes it easy for user&#8217;s to find common topics instead of reading the entire help file.  If you are familiar with PDF files, keywords are similar to bookmarks. This is very useful for large help files.  Adding a keyword is simple:  click on the document/key/plus icon (did I describe that enough?) and a new entry will appear in under the Keywords tree item and then you give it a name.</p>
<p><img loading="lazy" data-attachment-id="468" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/keywords_organizer/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png" data-orig-size="201,203" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="keywords_organizer" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png?w=201" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png?w=201" class="alignnone size-full wp-image-468" style="border:0 none;" title="keywords_organizer" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png?w=529" alt="keywords_organizer"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png 201w, https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png?w=150&amp;h=150 150w" sizes="(max-width: 201px) 100vw, 201px" /></p>
<p>Modifying a keyword is where you actually hook the keyword up to a topic.  Just check the topics you want the keyword to be tied to and when the user clicks on the keyword that topic will be displayed in the help file.  If you select more than one topic then the user is presented with those topics you checked so they can pick the one they want.</p>
<p><img loading="lazy" data-attachment-id="474" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/keywords_add/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png" data-orig-size="409,397" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="keywords_add" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png?w=409" class="alignnone size-full wp-image-474" style="border:0 none;" title="keywords_add" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png?w=529" alt="keywords_add"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png 409w, https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png?w=150&amp;h=146 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png?w=300&amp;h=291 300w" sizes="(max-width: 409px) 100vw, 409px" /></p>
<p><strong>Styles and Formatting</strong></p>
<p>This tool window allows you to define and apply styles and formatting to the content within your topics similar to just about any word processor.  The nice thing here is that you can see how styles inherit from base styles (ie.. Normal is inherited by Hyperlink, Text 10, etc).</p>
<p><img loading="lazy" data-attachment-id="469" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/styles_organizer/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png" data-orig-size="244,270" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="styles_organizer" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png?w=244" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png?w=244" class="alignnone size-full wp-image-469" style="border:0 none;" title="styles_organizer" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png?w=529" alt="styles_organizer"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png 244w, https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png?w=136&amp;h=150 136w" sizes="(max-width: 244px) 100vw, 244px" /></p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"><strong>Projects<br />
</strong></span></p>
<p>Hmmm&#8230; Projects have a certain meaning for me based on my experience with Visual Studio and Visual Studio.Net.  I tend to look at projects as organizational tools but that does not appear to be the case with how HelpSmith utilizes project.</p>
<p>There is no screenshot for a project tool window (at least I couldn&#8217;t find one) but I really would like to be able to add one here.  While the Topics and TOC tool windows are great I would love to see a main tool window where the Topics are which says: Project and under the main project node (which would have the name of the project and, in a hierarchical fashion, the topics, toc and keywords &#8211; perhaps as a navigational tool but not necessarily replacing the other tool windows.</p>
<p>It would be nice to also see a New Project command, Close Project command, and Build Project command (which would build the types you have selected &#8211; ie.. Html Help, Printable Document, Web Help).  From my point of view, if you are going to offer Projects then the project should be the unifying feature.</p>
<p>Finally, back to what HelpSmith does provide with respect to projects.  Project offer all of the settings for your help output in terms of title, copyright, compiler location, output location, etc:</p>
<p><img loading="lazy" data-attachment-id="476" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/project_options/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png" data-orig-size="636,477" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="project_options" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png?w=529" class="alignnone size-full wp-image-476" style="border:0 none;" title="project_options" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png?w=529" alt="project_options"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png 636w, https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png?w=150&amp;h=113 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png?w=300&amp;h=225 300w" sizes="(max-width: 636px) 100vw, 636px" /></p>
<p>Hopefully, this is not the only feature that will be offered for Projects in the future.</p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"> </span></p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"> </span></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<p>Here is a screen shot of what I put together (another simpleton sample!) with HelpSmith and some shots of the output.</p>
<h3><span style="color:#000080;"><strong>Project</strong></span></h3>
<p><img loading="lazy" data-attachment-id="481" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/program_with_project/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png" data-orig-size="673,626" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="program_with_project" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png?w=529" class="alignnone size-full wp-image-481" style="border:0 none;" title="program_with_project" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png?w=529" alt="program_with_project"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png 673w, https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png?w=150&amp;h=140 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png?w=300&amp;h=279 300w" sizes="(max-width: 673px) 100vw, 673px" /></p>
<p>You can see (above) the topics I created and how I linked to those topics both from the page and from the TOC and I also added one keyword as you will see below just to ensure it showed up in the index.</p>
<p>Compiling of the project is fast and works extremely well.  In fact, I had no problems at all with any of the output types &#8211; they all worked flawlessly as far as I could tell.</p>
<h3><span style="color:#000080;"><strong>Outputs</strong></span></h3>
<p><strong>Here is the compile help file (.chm) output from the project above:</strong></p>
<p><img loading="lazy" data-attachment-id="477" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/output_htmlhelp/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png" data-orig-size="563,537" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="output_htmlhelp" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png?w=529" class="alignnone size-full wp-image-477" style="border:0 none;" title="output_htmlhelp" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png?w=529" alt="output_htmlhelp"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png 563w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png?w=150&amp;h=143 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png?w=300&amp;h=286 300w" sizes="(max-width: 563px) 100vw, 563px" /></p>
<p><strong>Here is the same compiled help fie output showing the keyword I added so you have an idea of where keywords are used:</strong></p>
<p><img loading="lazy" data-attachment-id="478" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/output_htmlhelp_keywords/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png" data-orig-size="563,537" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="output_htmlhelp_keywords" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png?w=529" class="alignnone size-full wp-image-478" style="border:0 none;" title="output_htmlhelp_keywords" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png?w=529" alt="output_htmlhelp_keywords"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png 563w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png?w=150&amp;h=143 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png?w=300&amp;h=286 300w" sizes="(max-width: 563px) 100vw, 563px" /></p>
<p><strong>Here is the same project compiled into web help &#8211; very slick I think &#8211; this kind of thing is what makes tools like HelpSmith worthwhile:</strong></p>
<p><img loading="lazy" data-attachment-id="480" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/output_webhelp/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png" data-orig-size="629,628" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="output_webhelp" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png?w=529" class="alignnone size-full wp-image-480" style="border:0 none;" title="output_webhelp" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png?w=529" alt="output_webhelp"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png 629w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png?w=150&amp;h=150 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png?w=300&amp;h=300 300w" sizes="(max-width: 629px) 100vw, 629px" /></p>
<p><strong>And finally, the printed manual option output:</strong></p>
<p><img loading="lazy" data-attachment-id="479" data-permalink="https://codertools.wordpress.com/2009/08/16/help-doc-helpsmith/output_printedhelp/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png" data-orig-size="588,630" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="output_printedhelp" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png?w=280" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png?w=529" class="alignnone size-full wp-image-479" style="border:0 none;" title="output_printedhelp" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png?w=529" alt="output_printedhelp"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png 588w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png?w=140&amp;h=150 140w, https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png?w=280&amp;h=300 280w" sizes="(max-width: 588px) 100vw, 588px" /></p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this program work for me.</span></span></em></p>
<p style="text-align:left;"><strong>I really liked</strong> how stable HelpSmith feels &#8211; it responds well and shows a lot of effort has been put into this.</p>
<p style="text-align:left;"><strong>I really liked</strong> the multiple outputs from a single content source &#8211; that&#8217;s way cool!</p>
<p style="text-align:left;"><strong>I really liked</strong> the organizational features (topics, toc, keywords).</p>
<p style="text-align:left;"><strong>I really liked</strong> that the HelpSmith website offered several solutions for connecting your finished help file with various development tools (ie.. C#, Delphi, etc).  These solutions are stored under the <strong>Articles</strong> section on the HelpSmith website.</p>
<h3 style="text-align:left;"><strong><span style="color:#1d4d90;">Things I could like</span></strong></h3>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they existed (suggestions?) or, perhaps corrected, in ForeUI<br />
</em>
</p>
<p style="text-align:left;"><strong>I would like it if</strong> the installer allowed you to create a <strong>new folder</strong> from the Browser for Folder dialog &#8211; I rarely install to Program Files (most everything I review goes into a sandbox folder) &#8211; just a nitpick thing certainly no big deal. <span style="color:#993300;"><strong>Update</strong></span>: from HelpSmith &#8211; &#8220;<em>As to the installer, we are using Inno Setup for this task. It offers only two modes for the “Browser for Folder” dialog-box. Unfortunately, when you add the “New Folder” button to it, it ceases to automatically add the “HelpSmith” sub-folder to the destination path&#8230;</em>&#8221; (read the rest in the <a href="#comments">Comments section</a>)</p>
<p style="text-align:left;"><strong>I would like it if</strong> there was more of a project feel to a project (see notes above).</p>
<p style="text-align:left;"><strong>I would like it if</strong> the Keywords implementation was a bit better.  It would be nice if, when I add a new keyword, that a dialog pop&#8217;s up allowing me to pick the topic(s) I want to associate with the new keyword &#8211; one less step would be nice and more intuitive. <span style="color:#993300;"><strong>Update</strong></span>: from HelpSmith &#8211; &#8220;<em>We will consider how we can improve the Keyword tool for the future updates. Thanks.</em>&#8220;</p>
<p style="text-align:left;"><strong>I would like it if</strong> PDF was another output option.  I know you can print your output to free PDF tools such as<a href="http://sourceforge.net/projects/pdfcreator/" target="_blank"> <strong>PDF Creator</strong></a> but it would be nice if I could do that from within HelpSmith. <span style="color:#993300;"><strong>Update</strong></span>: from HelpSmith &#8211; &#8220;<em>Regarding to PDF. I think it is a good idea. Despite HelpSmith does not have native support for PDF so far, we can add a button for making PDF documents with a linked PDF printer. Similarly, we can add a button for creating Word RTF documents. It will provide quick and easier access to these existing features.</em>&#8220;</p>
<p style="text-align:left;"><a name="recommendation"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">Here we are at the end.  Well, the end of this review anyway&#8230;</p>
<p style="text-align:left;">I can&#8217;t say I am in the market for a help building tool right this minute but if I where I would seriously consider HelpSmith.  The price is relatively inexpensive (especially compared to time spent hand tooling the TOC, keywords, etc&#8230;) and what I would spend on a license I could more than save with the time saving features HelpSmith offers.</p>
<p style="text-align:left;">Take a look at HelpSmith if you need to write help files or writing help content is your game:  I don&#8217;t think you will be disappointed once you try it.</p>
<p style="text-align:left;">
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p style="text-align:left;"><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_blank_startup.png" medium="image">
			<media:title type="html">program_blank_startup</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/topics_organizer.png" medium="image">
			<media:title type="html">topics_organizer</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_organizer.png" medium="image">
			<media:title type="html">toc_organizer</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/toc_add_item.png" medium="image">
			<media:title type="html">toc_add_item</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/browse-for-topics-dialog-box.png" medium="image">
			<media:title type="html">browse-for-topics-dialog-box</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_organizer.png" medium="image">
			<media:title type="html">keywords_organizer</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/keywords_add.png" medium="image">
			<media:title type="html">keywords_add</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/styles_organizer.png" medium="image">
			<media:title type="html">styles_organizer</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/project_options.png" medium="image">
			<media:title type="html">project_options</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/program_with_project.png" medium="image">
			<media:title type="html">program_with_project</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp.png" medium="image">
			<media:title type="html">output_htmlhelp</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_htmlhelp_keywords.png" medium="image">
			<media:title type="html">output_htmlhelp_keywords</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_webhelp.png" medium="image">
			<media:title type="html">output_webhelp</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/output_printedhelp.png" medium="image">
			<media:title type="html">output_printedhelp</media:title>
		</media:content>
	</item>
		<item>
		<title>UI Prototyping and Mockups Part 2 &#8211; ForeUI</title>
		<link>https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Fri, 14 Aug 2009 04:55:08 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=398</guid>

					<description><![CDATA[In Part 1, Balsamiq was reviewed, and so now let's continue with Part 2, ForeUI, a Java based UI Design Tool.  Since ForeUI is built on top of Java it should run LInux, Solaris, Windows and OS X though there are only 2 pre-built installers for Windows and OS X.  I installed ForeUI on my MacBook Pro running OS X 10.5.8 using Java version 1.5.0_19.  Here is a brief list of features that ForeUI offers.<p><a href="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p>In <strong><a href="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/" target="_blank">Part 1</a>, Balsamiq</strong> was reviewed, and so now let&#8217;s continue with <strong>Part 2</strong>, <strong><a href="http://www.foreui.com/" target="_blank">ForeUI</a></strong>, a Java based UI Design Tool.  Since ForeUI is built on top of Java it should run on Linux, Solaris, Windows and OS X though there are only 2 pre-built installers: Windows and OS X.  I installed ForeUI on my MacBook Pro running OS X 10.5.8 using Java version 1.5.0_19.  <a href="http://www.foreui.com/features.htm" target="_blank"><strong>Here</strong></a> is a brief list of features that ForeUI offers.</p>
<p><strong>Side</strong>: I read an interesting article on the ForeUI site:  &#8220;<strong><a href="http://www.foreui.com/articles/When_will_we_need_UI_prototype.htm" target="_blank">When Will We Need UI Prototype?</a></strong>&#8220;.  I have to say I agree with almost all of the points in the article especially  getting early user feedback and working with your team (paraphrasing here).  I only bring this up because I ran a little Discussion Post on the RIA Developers group on LinkedIn and had one reply was &#8220;Why do a Mockup?  Why not build the UI directly?&#8221;.  This was after Part 1 and it got me thinking.  Why <em>would</em> I do a mockup instead of just building the UI? My response (to myself) was that a mockup is much easier to work with instead of an IDE (I don&#8217;t have time to sort out WPF while I am soliciting user input during a meeting, it&#8217;s MUCH easier to send a mockup in the form of a .png or .pdf (I know you can take screen shots) and it&#8217;s much faster to knock out a wireframe and move forward until the user has what they need THEN I do a real UI.  Just my two cents.</p>
<p><strong>FYI</strong>: Similar to Balsamiq, ForeUI allows you to use your license on every machine you own.  Nice!</p>
<p><span style="color:#0000ff;"><strong>Update &#8211; 08.14.2009</strong></span>:  Made some minor grammar corrections and updated this post based on the <span style="color:#993300;"><a href="#comments"><strong>first comment</strong> </a></span>from the Vendor below (look for <span style="color:#993300;"><strong>Update </strong></span>by each item that the vendor commented on).</p>
<p><strong>Info on ForeUI</strong></p>
<ul>
<li><span style="color:#003300;">Current Version</span>: 1.45</li>
<li><span style="color:#003300;">Cross Platform</span></li>
<li><span style="color:#003300;">Java Based</span></li>
<li><span style="color:#003300;">Price</span>: $79</li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how it felt working with it as well as my impressions from a software developer point of view.  This is not some indirect advertising or some way to push more business to ForeUI.  Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for ForeUI</strong>:</p>
<p><strong><a href="http://www.foreui.com/" target="_blank">ForeUI Home</a></strong></p>
<p><strong><a href="http://www.foreui.com/tour.htm" target="_blank">Interactive Tour</a> </strong>(screen shots, tour, samples)</p>
<p><a href="http://http://www.foreui.com/demos/demo0/" target="_blank"><strong>Interactive Demo</strong></a> (runs as Java Applet)</p>
<p><strong><a href="http://www.foreui.com/download.htm" target="_blank">Download<br />
</a></strong></p>
<p><a href="http://www.foreui.com/blog/" target="_blank"><strong>Blog</strong></a></p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>Let&#8217;s take a quick look at some of the features of ForeUI.</p>
<p style="text-align:left;">The drawing features of ForeUI are top notch.  I have to say that they are among the best I have used.  In spite of the fact ForeUI is created in Java the UI is really quite responsive and precise.</p>
<p style="text-align:left;">On a <strong>less</strong> happy note:  why all the prompts telling me I only have 7 days for the demo and trying to get me to buy or enter a license number?  I mean, come on, if you are letting me demo and it stops in 7 days that &#8216;s a fair thing but why keep prompting me every time I <strong>Save As</strong> or <strong>Export</strong> to an image?  Kind of annoying.  <strong><span style="color:#993300;">Update</span></strong>: The vendor is willing to change this so there is only one prompt (perhaps?) or maybe, as an option, just leave the words (Evaluation Version) in the title bar and that&#8217;s it?</p>
<p><span style="color:#1d4d90;"><strong>General</strong></span></p>
<p><img loading="lazy" data-attachment-id="413" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/general/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png" data-orig-size="702,690" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="general" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=529" class="alignnone size-full wp-image-413" style="border:0 none;" title="general" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=529" alt="general"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=700&amp;h=688 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=150&amp;h=147 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png?w=300&amp;h=295 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png 702w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>I like the design of ForeUI in terms of the smoothness and clarity but I can&#8217;t really get my mind around all of the brown/tan.  After a while it feels kind of monotonous (I probably read too much into this but I like color!).   Aside from the color everything is pretty simple in ForeUI.  The menu system is uncluttered (not shown here since we are on a Mac and I am screenshot challenged), the toolbar is simple and the navigation through the UI controls is pretty commonplace in a lot of applications. All in all, this is a cleanly laid out program and I had no problem getting up to speed for most things very quickly.</p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">UI Library</span><br />
</strong></span></p>
<p>The UI controls are located along the left in a standard slider type of presentation with controls separated by category.  Again, easy to use and figure out.  It appears that the UI library is a fixed one with some customization of existing UI controls available but no way to import new controls unless this feature totally eluded me but not the vendor &#8211; correction, importing <em><strong>is </strong></em>an option &#8211; see <strong><span style="color:#993300;">Update </span></strong>just below.</p>
<p><span style="color:#993300;"><strong>Update</strong></span>:  I copied what the vendor said here &#8211; he does a better job of describing things than I do &#8211; <span style="color:#993300;">&#8220;You can create your own element by customizing existing UI controls, you can select elements in the plot and right-click the mouse, then you will find an item named “Create Customized Element …”. You can also import the customized element (.fce file) created by others, just go to the “Customization” group in the list, click that button with green icon, you can see the “Add Element from File…” option. We also have a plan to allow sharing the customized elements via internet.&#8221;</span></p>
<p><span style="color:#993300;"><strong> </strong></span></p>
<p><span style="color:#1d4d90;"><strong>Canvas (Plot)<br />
</strong></span></p>
<p>The Plot is where you draw you mockup (see the white area above) and you can customize a couple of things from the bottom toolbar: Type of UI (very nice!), the background, the size of the Plot and whether you want to add a rumple effect to the Plot (kind of like crumpled paper smoothed out).  The rumple effect is kind of different and I have not seen that on other prototype/mockup tools and I am unsure how a client would like that &#8211; one of those things you have to try.</p>
<p><span style="color:#1d4d90;"><strong>Properties</strong></span></p>
<p style="text-align:left;">The properties dialog is kind of unique to me (coming from more of  a Windows background) as it kind of disappears until you move the mouse over the dialog.  However, you can &#8216;pin&#8217; (or is that unpin?) the dialog with the pushpin in the upper, right corner which keeps the dialog on top and visible at all times (unless you click on the plot background) which is nice.</p>
<p style="text-align:left;">Here is what the properties look like:</p>
<p style="text-align:left;"><img loading="lazy" data-attachment-id="406" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/properties/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png" data-orig-size="266,410" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="properties" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png?w=195" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png?w=266" class="alignnone size-full wp-image-406" style="border:0 none;" title="properties" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png?w=529" alt="properties"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png 266w, https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png?w=97&amp;h=150 97w" sizes="(max-width: 266px) 100vw, 266px" /></p>
<p style="text-align:left;">I wonder if it would be possible to put the properties dialogs along the right, left, etc and have the common properties (to all UI elements) in the top 1/2 of the properties dialog and in the bottom 1/2 put the unique elements.  That would be useful.</p>
<p><span style="color:#1d4d90;"><strong>Working with Images</strong></span></p>
<p>I was hoping to be able to import my own images into the Plot I was working on <span style="text-decoration:line-through;">but I could not figure out how</span> &#8211; see <span style="color:#993300;"><strong>Update</strong></span> below.  The Image UI control just displayed a generic image which I guess is supposed to be representative of all images.  I find that sometimes I can accomplish a lot by importing images and making things seem more &#8216;realistic&#8217; but that&#8217;s just me.</p>
<p><span style="color:#993300;"><strong>Update</strong></span>: You can change the image of the Image control by clicking on the <strong>Image&#8230;.</strong> line within the properties &#8211; I must have been blind to miss that &#8211; my mistake.</p>
<p><span style="color:#1d4d90;"><strong>Configuration</strong></span></p>
<p>As far as I could tell there are no real configuration features in ForeUI except for what you see at the bottom toolbar for the Plot.  I am actually suprised because just about every program I have worked with has some sort of configuration (I kind of like messing around with configs &#8211; makes it more personal when you can tune it to your own needs) but ForeUI does not appear to.  If anything, I would like to have the ability to change the look and feel of ForeUI.</p>
<p><span style="color:#993300;"><strong>Update</strong></span>: This is on the <strong>ToDo </strong>list according to the vendor including changing the Look and Feel.</p>
<p><span style="color:#1d4d90;"><strong>Exporting and Importing</strong></span></p>
<p>Importing is non-existant as far as I could tell.</p>
<p>Exporting has 3 options:</p>
<ul>
<li>Export to Image</li>
<li>Export to Pdf</li>
<li>Export to DHTML</li>
</ul>
<p>Export to Images works about how you would expect and works well.  I would not recommend the Export to Pdf (it&#8217;s not for me anyway) as it created 2 pages where 1 was only needed with the first page only have &#8220;Page 1&#8221; on it and the next page having an image of the mockup.  By far, Export to DHTML is the best since you can send the mockup along with the Actions enabled to a client, put them on an internal web server or publish the mockup on the web &#8211; well done feature in my opinion.</p>
<p><span style="color:#1d4d90;"><strong>Actions and Simulations<br />
</strong></span></p>
<p>Actions is the name of the feature in ForeUI that allows you to choose events for any UI element (this is an assumption as I did not try ALL of them) and tie that event or those events to actions.  For instance, in my sample I tied a Click event for the <strong>Run</strong> button to display a question dialog (Flow Control) and based on a Yes or No I display an appropriate dialog.  The coolest thing is that when you run your prototype as a <strong>Simulation</strong> (see image just below) those events and actions turn into Javascript &#8211; very handy!</p>
<p>Here is a shot of the Actions editor:</p>
<p><img loading="lazy" data-attachment-id="412" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/actions_edit/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png" data-orig-size="930,730" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="actions_edit" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=529" class="alignnone size-full wp-image-412" style="border:0 none;" title="actions_edit" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=529" alt="actions_edit"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=700&amp;h=549 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=150&amp;h=118 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=300&amp;h=235 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png?w=768&amp;h=603 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png 930w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Kind of slick isn&#8217;t it?  Actions really add some extra goodness to your prototypes and I imagine it is a really helpful thing to demonstrate basic flow from Page to Page, etc..</p>
<p>Here are a series of shots showing the running of my sample as a Simulation:</p>
<p>You can see that my prototype is &#8216;running&#8217; in the Safari Web Browser:</p>
<p><img loading="lazy" data-attachment-id="420" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/simulation/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png" data-orig-size="590,592" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="simulation" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png?w=529" class="alignnone size-full wp-image-420" style="border:0 none;" title="simulation" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png?w=529" alt="simulation"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png 590w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png?w=150&amp;h=150 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png?w=300&amp;h=300 300w" sizes="(max-width: 590px) 100vw, 590px" /></p>
<p>Now you can see the effect of clicking on the <strong>Run</strong> button (my screen shots are different becuase I had to switch to selection mode instead of application capture):</p>
<p><img loading="lazy" data-attachment-id="421" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/simulation_ask/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png" data-orig-size="511,511" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="simulation_ask" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png?w=511" class="alignnone size-full wp-image-421" style="border:0 none;" title="simulation_ask" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png?w=529" alt="simulation_ask"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png 511w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png?w=150&amp;h=150 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png?w=300&amp;h=300 300w" sizes="(max-width: 511px) 100vw, 511px" /></p>
<p>Finally you can see what happens when I click Ok:</p>
<p><img loading="lazy" data-attachment-id="422" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/simulation_run/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png" data-orig-size="510,512" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="simulation_run" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png?w=510" class="alignnone size-full wp-image-422" style="border:0 none;" title="simulation_run" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png?w=529" alt="simulation_run"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png 510w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png?w=150&amp;h=150 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png?w=300&amp;h=300 300w" sizes="(max-width: 510px) 100vw, 510px" /></p>
<p>Very cool stuff.  Might very well be worth the price of ForeUI to be able to build simulations.</p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<p>Aside from working with ForeUI, I decided to do a quick mockup of a dialog so here are some screen shots from that mockup.  It&#8217;s not real and it&#8217;s not mentally fascinating but it gives you an idea of how ForeUI looks/works:</p>
<p>Pretty amazing right?  Well, maybe not but this is just the beginning&#8230; Anyway, you can see I picked the Hand Drawing option for the type of prototype I wanted to do (you can choose from Wireframe, OS X, Windows XP and Hand Drawing).  You can also see how the Plot area (canvas if you will) has that crinkled paper looked (Rumpling) &#8211; kind of interesting.</p>
<p><img loading="lazy" data-attachment-id="414" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/page1_test/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png" data-orig-size="500,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page1_test" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png?w=500" class="alignnone size-full wp-image-414" style="border:0 none;" title="page1_test" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png?w=529" alt="page1_test"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png 500w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png?w=150&amp;h=120 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png?w=300&amp;h=240 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Wow, it&#8217;s really coming along: a <strong>Tab</strong> control makes all the difference!  What&#8217;s really cool is I just double-clicked on the Tabs in the Tab control to add the nifty descriptions for each tab.</p>
<p><img loading="lazy" data-attachment-id="415" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/page1_test2/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png" data-orig-size="500,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page1_test2" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png?w=500" class="alignnone size-full wp-image-415" style="border:0 none;" title="page1_test2" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png?w=529" alt="page1_test2"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png 500w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png?w=150&amp;h=120 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png?w=300&amp;h=240 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Now we have a <strong>Treeview</strong> control with sample Folders, Leaf, etc..  I was uncertain how you actually define a Folder or a Leaf in the properties of the Treeview but obviously you can do that.</p>
<p><img loading="lazy" data-attachment-id="416" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/page1_test3/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png" data-orig-size="500,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page1_test3" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png?w=500" class="alignnone size-full wp-image-416" style="border:0 none;" title="page1_test3" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png?w=529" alt="page1_test3"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png 500w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png?w=150&amp;h=120 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png?w=300&amp;h=240 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Here we are with the final prototype with a couple of Buttons added.  The interesting thing (and you can&#8217;t see it here but in the ForeUI Plot you can) is that I added some Actions to the <strong>Run</strong> button for when my prototype runs in <strong>Simulation</strong> mode.</p>
<p><img loading="lazy" data-attachment-id="417" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/page1_test4/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png" data-orig-size="500,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page1_test4" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png?w=500" class="alignnone size-full wp-image-417" style="border:0 none;" title="page1_test4" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png?w=529" alt="page1_test4"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png 500w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png?w=150&amp;h=120 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png?w=300&amp;h=240 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>At last, the final screen shot just to show the <strong>Annotations </strong>you can use: Mouse Cursor, Balloon and a Post It near the bottom.</p>
<p><img loading="lazy" data-attachment-id="419" data-permalink="https://codertools.wordpress.com/2009/08/13/ui-prototyping-and-mockups-part-2-foreui/page1_test6_annotations/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png" data-orig-size="500,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="page1_test6_annotations" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png?w=500" class="alignnone size-full wp-image-419" style="border:0 none;" title="page1_test6_annotations" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png?w=529" alt="page1_test6_annotations"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png 500w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png?w=150&amp;h=120 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png?w=300&amp;h=240 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Well that&#8217;s it for what I did.  Very simple and very fast to build a good representation of a UI that just about any end user or dev team can grasp.</p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this program work for me.</span></span></em></p>
<p style="text-align:left;"><strong>I really liked</strong> the option to have 4 different looks for my prototype:  OS X, Windows XP (Vista would be nice), Wireframe or Hand Drawing &#8211; this is a very cool feature.</p>
<p style="text-align:left;"><strong>I liked</strong> this Rumple effect (rumpled paper) for the Plot background &#8211; kind of interesting idea.</p>
<p style="text-align:left;"><strong>I liked</strong> The ability to use the arrow keys to fine tune the location of the UI elements on the Plot is nice.</p>
<p style="text-align:left;"><strong>It&#8217;s cool</strong> the way you can double click on the UI elements and change their properties right there (ie.. clicking on the tabs of the tab folder allows you to change the title of the tabs).</p>
<p><strong>The Run Simulation feature</strong> is so awesome!  After I built my little mockup (with some minor Actions) I clicked on the <strong>Run Simulation</strong> button and ForeUI loaded up my web browser with my mockup in a generated page and all of the <strong>Actions</strong> were converted to Javascript &#8211; sweet!</p>
<p style="text-align:left;"><strong>One of the top things</strong> I like about ForeUI is the <strong>Action</strong> feature which allows you to bind simple events to UI elements and bind actions to those events and that&#8217;s pretty excellent.</p>
<p style="text-align:left;"><strong>The ability to </strong>edit some of the UI controls is very handy (ie.. boilerplate dialogs).</p>
<h3 style="text-align:left;"><strong><span style="color:#1d4d90;">Things I could like</span></strong></h3>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they existed (suggestions?) or, perhaps corrected, in ForeUI<br />
</em>
</p>
<p style="text-align:left;"><strong>I would be nice</strong> if there was actually a help document (the online documentation is a page that says it&#8217;s being worked on) since I don&#8217;t want to contact support for every question I might have<strong>. </strong><span style="color:#993300;"><strong>Update</strong></span>: This is on the long <strong>ToDo </strong>list &#8211; it is slated to be done just down the road.</p>
<p style="text-align:left;"><strong>I would be great if</strong>, when you create a new plot, ForeUI asks for the plot size up front.  Currently you have to change the height and the width at the bottom right corner and apply each change separately (height change, apply, width change, apply) or better yet:  allow me to resize the &#8216;plot&#8217; on the screen with the mouse.<strong><span style="color:#993300;"> Update</span></strong>: An option to specify the default plot size will be in the up and coming configuration (it&#8217;s in the ToDo list).</p>
<p style="text-align:left;"><strong>I would love it </strong>if the <strong>demo</strong> version would stop popping up a dialog everytime I saved &#8211; it kills the experience and I do believe I understand the demo is <strong>only</strong> for 7 days &#8211; why remind me every time I save? <span style="color:#993300;"><strong>Update</strong></span>:  See comments above and in the comments section.</p>
<p style="text-align:left;"><strong>It would be nice</strong> if the Save/Save As dialog allowed me to create a new folder (seems like the lame save dialog Java offers).  <span style="color:#993300;"><strong>Update</strong></span>: In the ToDo list.</p>
<p style="text-align:left;"><strong>I could like it</strong> if ForeUI offered an import option to allow new controls to be imported into the controls area.  It would also be nice to be able to import other documents into the current one but the binary file format probably prevents that.  <span style="color:#993300;"><strong>Update</strong></span>: See UI Library in the <a href="#looking_around">Looking Around</a> section above</p>
<p><strong>I would </strong>be very happy if it was possible to draw lines (with those little arrows) to UI elements or connect them with connector lines (similar to Dia or Visio) as sometimes I may want to annotate with more than just my finger!  <span style="color:#993300;"><strong>Update</strong></span>: In the ToDo list.</p>
<p style="text-align:left;"><strong>It would be excellent</strong> if ForeUI (and all prototype/mockup tools) generated XAML (.Net WPF) and/or MXML (Flex) &#8211; how slick would that be?  <strong><span style="color:#993300;">Update</span></strong>:  From the vendor &#8211; &#8220;<span style="color:#993300;">XAML and MXML generation: Not scheduled yet but sounds like very interesting features, may be they will be available in ForeUI 2.0 ?</span>&#8220;</p>
<p style="text-align:left;"><a name="recommendation"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">
<p style="text-align:left;">That&#8217;s it for this review.  I am kind of torn here with my recommendation because there are some very important (to me) features that I really like such as: Actions and Simulations but some of the way ForeUI works makes me think that it has some maturing to do before I would spend the $79 to buy it.  It&#8217;s not any one thing that makes me think this but just the combination of a lot of things I mentioned earlier tell me that some polish is needed in other areas and perhaps some usability studies with changes made that will help the user and not just be familiar to the developer.  What I mean by that is that sometimes when developing it is easy to get used to how a feature looks/works so that you no longer notice that it&#8217;s really not that user friendly.</p>
<p style="text-align:left;">Anyway, this is a good option if the things that seem to be lacking don&#8217;t bother you as there are some real strengths with this program that will help it shine in future versions.</p>
<p style="text-align:left;"><span style="color:#993300;"><strong>Update</strong></span>:  I am thinking I could like this program a lot more down the road as more ToDo items get accomplished.  I have to say the vendor (Xavier) is very professional and addressed all of the issues/suggestions I came up with.  That&#8217;s worth a lot these days when it&#8217;s hard to even get good customer service face-to-face.</p>
<p style="text-align:left;"><span style="color:#0000ff;"><strong>Side</strong></span>:  I was going to write a separate post about mockup magnets (called <span style="color:#0000ff;">Gui</span>Mags) but that&#8217;s been done <a href="http://www.mockupmagnets.com/" target="_blank"><strong>here</strong></a>.  So I thought I would entice your thought processes by mentioning you can get coated, magnetized, UI shapes for the ultimate manual UI design process.  You can write on them like a white board and best of all you can reuse them!  <strong><a href="http://www.guimags.com/index.php?p=products_guimags_corporate&amp;nav=nav_guimags" target="_blank">Here is the site</a></strong> where you can get <span style="color:#0000ff;">Gui</span>Mags (as well as <strong><a href="http://www.guimags.com/index.php?p=products_guiboards&amp;nav=nav_guiboards" target="_blank">GuiBoards</a></strong>).  Check it out as a compliment to your digital mockups!</p>
<p style="text-align:left;"><strong>Stay tuned for UI Prototyping and Mockups Part 3 &#8211; ?  (ideas?).</strong></p>
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p style="text-align:left;"><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/general.png" medium="image">
			<media:title type="html">general</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/properties.png" medium="image">
			<media:title type="html">properties</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/actions_edit.png" medium="image">
			<media:title type="html">actions_edit</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation.png" medium="image">
			<media:title type="html">simulation</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_ask.png" medium="image">
			<media:title type="html">simulation_ask</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/simulation_run.png" medium="image">
			<media:title type="html">simulation_run</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test.png" medium="image">
			<media:title type="html">page1_test</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test2.png" medium="image">
			<media:title type="html">page1_test2</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test3.png" medium="image">
			<media:title type="html">page1_test3</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test4.png" medium="image">
			<media:title type="html">page1_test4</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/page1_test6_annotations.png" medium="image">
			<media:title type="html">page1_test6_annotations</media:title>
		</media:content>
	</item>
		<item>
		<title>Diff / Merge &#8211; Guiffy</title>
		<link>https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Fri, 07 Aug 2009 02:04:21 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Diff]]></category>
		<category><![CDATA[File]]></category>
		<category><![CDATA[Merge]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=226</guid>

					<description><![CDATA[There are a multitude of Diff/Merge Utilities out there.  So, this is going to be Part 1 of a lot of parts to review Diff/Merge Utilities.  Part 1 will cover the Guiffy Diff/Merge Tool and Folder comparison utility v9.x. <p><a href="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p>There are a multitude of Diff/Merge Utilities out there but this review will cover the <strong><a href="http://www.guiffy.com/" target="_blank">Guiffy Diff/Merge Tool and Folder comparison utility v9.x</a></strong>.   Let me be up front:  I own <strong>v8.x</strong> of Guiffy and really like it a great deal but I don&#8217;t own v9.x.  I also own an older version of ExamDiff Pro, and a multitude of others.  What I am trying to say is that I have yet to find a Diff/Merge tool that sets perfect with me and I suspect it&#8217;s more of the developer/designer in me that&#8217;s always looking for the next feature.  This is <strong>not</strong> a closed ended review since it takes a long time to get a review done well I tend to add more layers as time goes on:  this is no different.</p>
<p><strong>FYI</strong>:  I did this review of Guiffy (trial) on OS X however it runs on Linux (all flavors), OS X, Windows, Solaris, HP-UX, AIX and other Java platforms.  Certainly a good selling point.</p>
<p><strong>Code</strong>:  The code snippet I used comes from a very cool site called <a href="http://www.java2s.com/Code/CSharp/File-Stream/SynchronousWritingAsynchronousReading.htm" target="_blank">Java2S.Com</a> (I just made 2 copies and munged them a bit).</p>
<p><span style="color:#0000ff;"><strong>Update &#8211; 08.22.2009</strong></span>: Guiffy has recently reduced the price for their Diff/Merge tool: <strong>was $79</strong> now it <strong>is $59</strong> &#8211; how cool is that?!!!  There are also tiered steps for multi-user licensing for the team and/or enterprise.  Sometimes good thing increase in price over time but it sure it nice when the price goes down but not the quality!</p>
<p><span style="color:#0000ff;"><strong>Update &#8211; 08.15.2009</strong></span>: In response to a couple of issues that were found Guiffy released a new build 270 (<span style="font-family:Arial;color:navy;font-size:x-small;"><span style="font-size:10pt;font-family:Arial;color:navy;">Build 270 includes 3 bug fixes: 396-398</span></span>) which resolved all of the issues below.  The content below <strong>has been modified</strong> accordingly.</p>
<p>I have tried many, many diff tools but I always seem to find some issue with them and move on.  Some of them don&#8217;t print print properly, some diff like the old style command line diff with the results on top of each other which really is a pain to visualize the differences (csDiff anyone?).  Those are just a few things off the top of my mind I like to avoid with a diff tool.  So, what to review?  There are a ton of features in the top diff tools these days from basic file compare, to editing, to 3-way merging, to folder diffs and a slew of others,  but what I am most interested in is the following:</p>
<ul>
<li><span style="color:#993300;">Does the tool do a diff completely by &#8216;reading&#8217; the files you are comparing and show true differences or does it do a line by line diff with no real intelligence? (I know this is not so common anymore but I have seen it on the lower end, free, tools)</span></li>
<li><span style="color:#993300;">When a newer version of a file has been reorganized (ie.. moving functions around, reformatting, etc..) is that really a different file?  If no other changes were made then what is the real difference?  To me it&#8217;s just layout sugar but I would like the diff tool to be able to &#8216;know&#8217; that the code is basically the same.  That&#8217;s probably asking too much and at this stage I don&#8217;t remember how well any of my diff tools does this but I like the idea.</span></li>
<li><span style="color:#993300;">I want to be able to print my diff results side by side with line numbers &#8211; sometimes I just like to read the code without the computer in front of me.</span></li>
<li><span style="color:#993300;">I would like to be able to tell if one folder has different files in it from another folder &#8211; recursively too (not sure if the recursive is a bit much in terms of processing but it would be cool).</span></li>
<li><span style="color:#993300;">Finally, I would really like to not have to take a loan out to buy a diff tool.  Some of them are very expensive for what it does like Araxis, $269 for the <strong>pro</strong> license is a bit much to me &#8211; more than most professional text editors!</span></li>
</ul>
<p><strong>Info on Guiffy</strong></p>
<ul>
<li><span style="color:#993300;">Current Version</span>: 9.0 (<strong><a href="http://guiffy.com/download/download.html" target="_blank">Download</a></strong>)</li>
<li><span style="color:#993300;">Cross Platform</span> (see above)</li>
<li><span style="color:#993300;">Java based</span></li>
<li><span style="color:#993300;"><a href="http://www.guiffy.com/order/order.html" target="_blank">Price</a>: $66 Single User / $132 3-User (1 license runs on all platforms)<br />
</span></li>
</ul>
<p><strong>Standard Disclaimer</strong></p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how I felt working with it as well as my impressions from a software developer point of view.  This is not some indirect advertising or some way to push more business to Guiffy.  In other words: this is unpaid. Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for Guiffy</strong>:</p>
<p><strong><a href="http://guiffy.com/" target="_blank">Guiffy Home</a></strong></p>
<p><strong><a href="http://guiffy.com/hthelp.html" target="_blank">Documentation </a></strong></p>
<p><strong><a href="http://www.guiffy.com/shots.html" target="_blank">Screen Shots<br />
</a></strong></p>
<p><a href="http://www.guiffy.com/features.html" target="_blank"><strong>Features</strong></a></p>
<p><a href="http://www.guiffy.com/help/GuiffyHelp/ReleaseNotes.html" target="_blank"><strong>Release Notes</strong></a></p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>Here is a picture of how Guiffy looks right after startup.  I really like the clean lines of this program.  Nice and simple without an overwhelming array features on the main screen.</p>
<p><img loading="lazy" data-attachment-id="367" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/guiffy_blank/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png" data-orig-size="717,543" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Guiffy &#8211; fresh start" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=529" class="alignnone size-full wp-image-367" style="border:0 none;" title="Guiffy - fresh start" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=529" alt="Guiffy - fresh start"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=700&amp;h=530 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=150&amp;h=114 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png?w=300&amp;h=227 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png 717w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<h3><span style="color:#000080;">File Compare</span></h3>
<p>Here is Guiffy with a diff of two code files which are the same, pretty much what you would expect.  The syntax highlighting is well done:</p>
<p><img loading="lazy" data-attachment-id="371" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/diff_same/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png" data-orig-size="755,717" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="diff_same" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=529" class="alignnone size-full wp-image-371" style="border:0 none;" title="diff_same" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=529" alt="diff_same"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=700&amp;h=664 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=150&amp;h=142 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png?w=300&amp;h=285 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png 755w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Here is Guiffy with a diff of the same two code files with one of the files re-arranged but <strong>no</strong> code changes other than rearranging:</p>
<p><img loading="lazy" data-attachment-id="370" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/diff_rearranged/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png" data-orig-size="755,717" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="diff_rearranged" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=529" class="alignnone size-full wp-image-370" style="border:0 none;" title="diff_rearranged" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=529" alt="diff_rearranged"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=700&amp;h=664 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=150&amp;h=142 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png?w=300&amp;h=285 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png 755w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Well, that&#8217;s kind of a bummer but not unexpected.  You can see all I did was swap positions of the Main() method from bottom to top but it still counted it as different.  <strong>I wonder if there is any diff tool that WILL do a line by line comparison like what I described?  Anyone know of one?</strong></p>
<p>Here is a shot with the files back the way they were but I added 4 spaces and it found the diffs as you would expect:</p>
<p><img loading="lazy" data-attachment-id="372" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/diff_same_but_spaces/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png" data-orig-size="755,717" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="diff_same_but_spaces" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=529" class="alignnone size-full wp-image-372" style="border:0 none;" title="diff_same_but_spaces" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=529" alt="diff_same_but_spaces"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=700&amp;h=664 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=150&amp;h=142 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png?w=300&amp;h=285 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png 755w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>And here are the same files with the Ignore Leading and Trailing Whitespace option checked (nice option when you have who knows how many developers imprinting their formatting ideas on your source code:</p>
<p><img loading="lazy" data-attachment-id="373" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/diff_same_but_spaces_ignore_whitespace/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png" data-orig-size="789,759" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="diff_same_but_spaces_ignore_whitespace" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=529" class="alignnone size-full wp-image-373" style="border:0 none;" title="diff_same_but_spaces_ignore_whitespace" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=529" alt="diff_same_but_spaces_ignore_whitespace"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=700&amp;h=673 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=150&amp;h=144 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=300&amp;h=289 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png?w=768&amp;h=739 768w, https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png 789w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>One thing I really like is the speed of the comparisons.  I realize that these are rather small files but the compares for archives and folders are pretty snappy.  That&#8217;s a nice thing when you are looking to do your tasks as quickly as possible (ie.. comparing data files when you are doing troubleshooting for a client waiting for a fix).</p>
<p>So, that&#8217;s it for my <strong>File Comparisons</strong>.  Next, let&#8217;s tackle <strong>Archives</strong> and <strong>Folders</strong>.</p>
<h3><span style="color:#000080;">Archive Compare (new for v9)<br />
</span></h3>
<p>To test Archive Compare I compared the .zip files of two different versions of the Guiffy installer.  Archive selection shares the same dialog as the Folder Compare and works like you would expect.</p>
<p>The actually comparison was fairly quick and accurate (I compared gufins86.zip and gufins90.zip) and displayed the results as if I were comparing folders (which essentially this is a similar operation) in hierarchical fashion.  The nice thing is that Guiffy actually went <em><strong>into</strong></em> the .app file within the .zip archive (the .app file is the installer) which is nice as some diff tools just stop at unzipping the .zip file.  <em><strong>If </strong></em>that were the case here we would only see the<strong> guf86ins.app</strong> and <strong>gufins90.app</strong> files in the compare &#8211; glad this is <strong>NOT</strong> the case with Guiffy.</p>
<p>Here is a screen shot showing the results:</p>
<p><img loading="lazy" data-attachment-id="443" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/archive_diff_fixed/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png" data-orig-size="734,575" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="archive_diff_fixed" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=529" class="alignnone size-full wp-image-443" style="border:0 none;" title="archive_diff_fixed" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=529" alt="archive_diff_fixed"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=700&amp;h=548 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=150&amp;h=118 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png?w=300&amp;h=235 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png 734w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Pretty much what you would expect for an Archive Compare.  I really like the way this worked and I liked the speed that is performed the compare.  Some diff tools that do archive compares spend an enormous amount of time just decompressing the archive folder.</p>
<p>I would like to see .Rar and .7z (7zip) archives as an option for the archive types you can compare since both of these types do exist on most platforms.  Ready to forge on to my final compares:  <strong>Folders</strong>.</p>
<h3><span style="color:#000080;">Folder Compare</span></h3>
<p>Ok, so let&#8217;s look at a <strong>Folder</strong> diff of a fairly large chunk of Flex source for a grocery cart (from one of my training books).</p>
<p>I first modified the options by selecting <strong>Show SubFolders (Recursively)</strong> and <strong>Show Details</strong>.  The recursive part is important to me as I have used diff tools which made you navigate into a folder to see the differences in that folder then you had to navigate out &#8211; pain!</p>
<p><img loading="lazy" data-attachment-id="386" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/folder_comp_options/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png" data-orig-size="688,398" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="folder_comp_options" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png?w=529" class="alignnone size-full wp-image-386" style="border:0 none;" title="folder_comp_options" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png?w=529" alt="folder_comp_options"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png 688w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png?w=150&amp;h=87 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png?w=300&amp;h=174 300w" sizes="(max-width: 688px) 100vw, 688px" /></p>
<p>Here is a compare with the files and folders exactly the same.  Again, about what you would expect.  Compare is fast and accurate.</p>
<p><img loading="lazy" data-attachment-id="445" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/folder_compare_same_fixed/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png" data-orig-size="734,575" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="folder_compare_same_fixed" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=529" class="alignnone size-full wp-image-445" style="border:0 none;" title="folder_compare_same_fixed" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=529" alt="folder_compare_same_fixed"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=700&amp;h=548 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=150&amp;h=118 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png?w=300&amp;h=235 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png 734w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Next, I removed some files from the 2nd folder just to see how things compared.  And it found all of the differences I created within the folder structures.</p>
<p><img loading="lazy" data-attachment-id="444" data-permalink="https://codertools.wordpress.com/2009/08/06/diff-merge_guiffy/folder_compare_different_fixed/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png" data-orig-size="734,575" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="folder_compare_different_fixed" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=529" class="alignnone size-full wp-image-444" style="border:0 none;" title="folder_compare_different_fixed" src="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=529" alt="folder_compare_different_fixed"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=700&amp;h=548 700w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=150&amp;h=118 150w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png?w=300&amp;h=235 300w, https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png 734w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p>Ok, that&#8217;s about it for my diff&#8217;ing tonight.  Now I know I did not mention all of the options (there are many!) or any of the other features that may exist.  I leave that to you &#8211; just check out the <a href="http://www.guiffy.com/help/GuiffyHelp/ReleaseNotes.html" target="_blank">Release Notes</a> and you will see <strong>all</strong> the new features.</p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this program work for me.</span></span></em></p>
<p style="text-align:left;"><strong>I liked</strong> the clean looks of Guiffy &#8211; everything you need is on the toolbar to do most jobs (that&#8217;s nice for the mac since the menu is not attached to any mac program &#8211; at least standard ones).</p>
<p style="text-align:left;"><strong>I liked</strong> the speed of comparison (folder compare seems extremely fast as does all the compares).</p>
<p style="text-align:left;"><strong>I liked</strong> the code syntax coloring as well as the themes that you can pick for Guiffy.</p>
<p style="text-align:left;"><strong>I liked</strong> the ability to show side to side and top to bottom views of my diffs.</p>
<p style="text-align:left;">
<h3 style="text-align:left;"><strong><span style="color:#1d4d90;">Things I could like</span></strong></h3>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they were a part of Guiffy &#8211; some of the items I might have mentioned already.</em></p>
<p style="text-align:left;"><strong>I could like it</strong> if in the <strong>Folder Compare</strong> there was a .. or previous folder (up arrow) navigator in the folder view and not on the toolbar.</p>
<p style="text-align:left;"><strong>I could like it</strong> if Guiffy maintained my position (sizing, location) automatically.</p>
<p style="text-align:left;"><strong>I could like it</strong> if the toolbar buttons could show text (tell me if that&#8217;s there, I just couldn&#8217;t find it).</p>
<p style="text-align:left;"><strong>I could like it</strong> better if there was coloration for files and folders (show read-only, system files/folders, etc) &#8211; if coloration is there I could not find it &#8211; is it?.</p>
<p style="text-align:left;"><strong>I could like it </strong>if the option to compare .Rar and .7z files was available in addition to all of the other compression types which are available.</p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">Hmmm.. As I said in the Preamble,  I own Guiffy (v8.4), really like it and I don&#8217;t hesitate to recommend it.  In fact, if you are going to buy a diff tool then, for the price, Guiffy is a good option.  I also want to say that Guiffy has some of the best service I have worked with and I can vouch for the fact that they do care about their product and want to see it be the best it can be so don&#8217;t hesitate to drop them a line if you have a question or issue:  they will get back to you.</p>
<p style="text-align:left;">Guiffy is a professional Diff/Merge tool and does a great job of providing professional grade features &#8211; check it out!</p>
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p style="text-align:left;"><em><strong><br />
</strong></em></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/guiffy_blank.png" medium="image">
			<media:title type="html">Guiffy - fresh start</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same.png" medium="image">
			<media:title type="html">diff_same</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_rearranged.png" medium="image">
			<media:title type="html">diff_rearranged</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces.png" medium="image">
			<media:title type="html">diff_same_but_spaces</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/diff_same_but_spaces_ignore_whitespace.png" medium="image">
			<media:title type="html">diff_same_but_spaces_ignore_whitespace</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/archive_diff_fixed.png" medium="image">
			<media:title type="html">archive_diff_fixed</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_comp_options.png" medium="image">
			<media:title type="html">folder_comp_options</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_same_fixed.png" medium="image">
			<media:title type="html">folder_compare_same_fixed</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/08/folder_compare_different_fixed.png" medium="image">
			<media:title type="html">folder_compare_different_fixed</media:title>
		</media:content>
	</item>
		<item>
		<title>UI Prototyping and Mockups Part 1 &#8211; Balsamiq</title>
		<link>https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/</link>
					<comments>https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/#comments</comments>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Sun, 26 Jul 2009 05:32:26 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=291</guid>

					<description><![CDATA[Preamble (if you rate this I would like to read your comments about your rating) I was originally going to &#8230;<p><a href="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color:#800000;"><strong>Preamble</strong></span></h2>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p>I was originally going to write this post and cover 2 or 3 different UI prototyping tools with Balsamiq being one of them.  Well, as I started working with Balsamiq I realized that I wanted to spend more time working with each tool so I decided to make this a mini-series of a sort with <strong><a href="http://www.balsamiq.com/products/mockups" target="_blank">Balsamiq</a> in Part 1</strong> with <strong>ForeUI in Part 2</strong> and an <strong>unknown (even to me) in Part 3</strong>.  So here we go with Balsamiq (this is not a tutorial but more of a review so I encourage you to explore the help file for all the capabilities <strong><a href="http://www.balsamiq.com/products/mockups/help" target="_blank">here</a></strong>).</p>
<p><strong>FYI</strong>: Real nice thing in this day of most software vendors requiring a license per machine and sometimes per use Balsamiq allows you to use your license on every machine you own.  As they say in the FAQ:  &#8220;The license for Mockups for Desktop is tied to you, not a particular machine. Install it on any machine you own and use, and enjoy!&#8221;</p>
<p><span style="color:#000080;"><strong>Update</strong></span>: Balsamiq has been <strong>updated</strong> to <a href="http://www.balsamiq.com/products/mockups/download" target="_blank">v1.8.5</a> on 06.22.2010 (<a href="http://www.balsamiq.com/blog/category/release-announcements/" target="_blank">release notes</a>).</p>
<p><em>Let me preface this review of mine by saying it is a review of how I see the program and how it felt working with it as well as my impressions from a software developer point of view.  This is not some indirect advertising or some way to push more business to Balsamiq as I am actually using this tool in my work while I doing UI designs for the software I am developing.  Enough said.</em></p>
<p><strong>Finally, here&#8217;s some links for Balsamiq</strong>:</p>
<p><strong><a href="http://www.balsamiq.com/products/mockups" target="_blank">Balsamiq Home</a></strong></p>
<p><strong><a href="http://www.balsamiq.com/products/mockups/examples" target="_blank">Sample Mockups </a></strong></p>
<p><strong><a href="http://www.youtube.com/watch?v=zLysy3IPfFI" target="_blank">YouTube Demo<br />
</a></strong></p>
<p><a href="http://www.balsamiq.com/products/mockups/plugin" target="_blank"><strong>Mockups as Plugins</strong></a></p>
<p>I did not include a great many screen shots of what Balsamiq can do as their website really has this covered much better than I do from the Sample Mockups link just above.</p>
<h2><span style="color:#800000;"><strong>Contents</strong></span></h2>
<p><a href="#looking_around"><strong>Looking Around</strong></a></p>
<p><a href="#what_i_did"><strong>What I Did</strong></a></p>
<p><a href="#off_the_top"><strong>Off The Top</strong></a></p>
<p><a href="#recommendation"><strong>Recommendation</strong></a></p>
<p><a name="looking_around"></a></p>
<h2><span style="color:#800000;"><strong>Looking Around</strong></span></h2>
<p>Before I display my little mockup I figured I would go over some parts of Balsamiq and give my impressions.</p>
<p><span style="color:#1d4d90;"><strong>General</strong></span></p>
<p><img loading="lazy" data-attachment-id="312" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/balsamiq_screenshot_general/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png" data-orig-size="681,500" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="balsamiq_screenshot_general" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png?w=529" class="alignnone size-full wp-image-312" title="balsamiq_screenshot_general" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png?w=529" alt="balsamiq_screenshot_general"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png 681w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png?w=150&amp;h=110 150w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png?w=300&amp;h=220 300w" sizes="(max-width: 681px) 100vw, 681px" /></p>
<p>I really like the clean look of this program.  It&#8217;s snappy, lot&#8217;s of room for composition and there is not a lot of clutter (ie.. there are no multiple sidebars, bottom bars, etc).  The <strong>Application Bar</strong> above the <strong>UI Library</strong> is interesting to me coming from mostly a Windows background (being used to toolbars) but it&#8217;s simple and workable.  I like the tools there but it would be nice to be able to move it around.  In fact, I would like to be able to dock the <strong>Application Bar</strong>, <strong>UI Library</strong> and <strong>Properties</strong> myself but perhaps that&#8217;s on a future version?</p>
<p>The menus are nice and short though a menu option for configuration would be nice (see <strong>Configuration</strong> below).</p>
<p>The UI Library slide menu is very responsive and the drag and drop is precise and crisp when dragging onto to Mockup Canvas.  I also like the wide array of control types though I don&#8217;t quite understand the iPhone specific controls as the overall wire frame concept implies that the mockup is OS or Device independent but that&#8217;s just me and the controls themselves, as well as any others I might not use myself, would probably be valuable to others.</p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">Application Bar</span><br />
</strong></span></p>
<p>The Application Bar contains some common actions such as cut, copy, paste, delete, control grouping and locking.  What I wish it had was the layer buttons (bring forward, send backward, etc) since it appears that those buttons exist on the Properties page for just about every control I worked with.  I would also be nice if the color pallete was available from the Application Bar.</p>
<p><span style="color:#993300;"><strong><span style="color:#1d4d90;">UI Library</span><br />
</strong></span></p>
<p>This is a great way to present the controls.  I like the preview of the controls and I like how responsive the navigation is within the library.  What I see that would be beneficial to me is to have a split level button for the control groups (ie.. Big, Navigation, iPhone, etc) that I could click on to see a drop down menu of what each group contains and clicking on an item in the menu would take me to that item in it&#8217;s group &#8211; just a thought..</p>
<p><span style="color:#1d4d90;"><strong>Canvas</strong></span></p>
<p>Not a whole lot to say about the Canvas itself.  It works very well, I don&#8217;t notice much if any lag when I am composing a mockup and that&#8217;s important to me since I tend to like to work fast when I have an idea (maybe it&#8217;s just poor short term memory!).  Anyway, if I could have one thing it would be rulers:  I know it&#8217;s  probaly not a pure mockup tool but sometimes I want to ensure that my mockup will fit on a page if I print it &#8211; trivial I know but some things you get used to.</p>
<p><span style="color:#1d4d90;"><strong>Properties</strong></span></p>
<p>This IS a part of the Canvas but I had a few things I wanted to comment on with the properties.  First, it seems there is a lot of redundancy such as the layering buttons, color, transparency to name a couple.  It would be really cool if the Properties were dockable with the option to slide out on mouse hover.  Then the common properties from the Properties window and maybe some from the Application Bar could go into a common properties section and then the custom properties unique to each control could go in a unique properties section just below the common properties &#8211; similar to this:</p>
<p><img loading="lazy" data-attachment-id="314" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/properties_mockup/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png" data-orig-size="159,257" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="properties_mockup" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png?w=159" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png?w=159" class="alignnone size-full wp-image-314" title="properties_mockup" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png?w=529" alt="properties_mockup"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png 159w, https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png?w=93&amp;h=150 93w" sizes="(max-width: 159px) 100vw, 159px" /></p>
<p>The <strong>Properties</strong> <strong>Window</strong> shows semi-transparent when I click on a control on the canvas and I have to click on the properties window itself to see what properties are available.  That&#8217;s kind of a bummer after a while and I am uncertain as to the value of that type of display when I have clicked on the control.  I am ok with the properties hiding itself after a bit but I still like the idea of having a properties area like the one I mocked above (it would not have to be docked permanently,  just have the option to do so).</p>
<p><span style="color:#1d4d90;"><strong>Working with Images</strong></span></p>
<p>Here I am, looking for a way to import images, and could not find an obvious way (ie.. File | Import Image..) to do so.  Then, being so smart, I actually went and read the online help and found out that images are easy to import in a rather cool way:  You use the Image control and once you drag it onto the mockup you can import through the control&#8217;s properties from your local drive, a URL or from Flickr.  Very simple and very cool!  I really liked the <strong>Sketch It</strong> feature which renders the image with a similar look to the rest of the mockup controls (not exact because you have more OS specific look with your screenshots but for other non OS images it&#8217;s nice).</p>
<p><span style="color:#1d4d90;"><strong>Configuration</strong></span></p>
<p>Most programs you work with have a configuration dialog that helps you to set your preferences for that program.  With Balsamiq, you have to create this file for yourself as it does not appear to exist by default after installation.  It would be nice if there were a default config with a nice dialog to modify the settings from the UI.</p>
<p>Here is my config that I used on Windows<em>:  BalsamiqMockups.cfg</em><code><br />
</code></p>
<p style="padding-left:30px;">&lt;<strong>config</strong>&gt;<br />
&lt;fontFace&gt;<span style="color:#993300;">Tahoma</span>&lt;/fontFace&gt;<br />
&lt;rememberWindowSize&gt;<span style="color:#993300;">false</span>&lt;/rememberWindowSize&gt;<br />
&lt;useCookies&gt;<span style="color:#993300;">true</span>&lt;/useCookies&gt;<br />
&lt;/<strong>config</strong>&gt;</p>
<p>The config <em><strong>is</strong></em> pretty simple and self-explanatory so the only thing I would say is choose your font wisely and that&#8217;s only from the standpoint of working with existing mockup&#8217;s.  I had a sample I was working with that had the font in Comic Sans and then I created the config and changed the font to Lucida Console for fun and I had to re-arrange everything.  No real big deal and no different than if you change fonts in any drawing tool so it&#8217;s just something to be aware of.</p>
<p><a href="http://www.balsamiq.com/products/mockups/help#config" target="_blank">Here is the info on the config</a></p>
<p><span style="color:#1d4d90;"><strong>Exporting and Importing</strong></span></p>
<p>Exporting is pretty straightforward with the option to export the current mockup to .png or all open mockups to .png.  There is no option to choose the location or filename of the exported .png for a single export but the export all does allow you to pick the folder.  The .png names are derived from the name of your mockup.  I would actually like the option to choose so I could have different names for the exported .png files.  Balsamiq DOES give you the option to create a sequentially named file if the export exists already so that is good.</p>
<p>The Export to Clipboard creates a snapshot of your mockup and puts it in the clipboard.  I tried this with Paint.Net and it worked perfectly.  The image was clear and exact.</p>
<p>If you want to get the xml representation of your mockup you can Export Mockup.. and Balsamiq will copy the xml to the clipboard in text format suitable for pasting in to an editor (the xml is in what is called <a href="http://www.balsamiq.com/products/mockups/help/bmml" target="_blank"><strong>.bmml format</strong></a>).</p>
<p>Importing was an interesting experience.  The way I understand importing is that you can import a .bmml into your current mockup as long as the .bmml file resides in the same folder as the current mockup.  Alternatively, you can paste the xml (.bmml format) into a text box and import that way.  I am uncertain if Adobe Air creates this kind of restriction or if it is by design but I can tell you that I am certain I will have .bmml files in various places on my system and I don&#8217;t always want to copy them around to current working folders.  This needs a file selection dialog similar to what the Image Control can do.</p>
<p><a href="http://www.balsamiq.com/products/mockups/help#data" target="_blank">Here is the info on Exporting and Importing</a></p>
<p><span style="color:#1d4d90;"><strong>Integration</strong></span></p>
<p>Integration is often where a lot of products fail, especially with collaboration tools.  In this, Balsamiq really excels in it&#8217;s integration.  According to what I read, you can have full blown integration into Confluence, Jira, XWiki and FogBugz.  This means that you don&#8217;t have to use the desktop version of Balsamiq and import images from your mockups as you can create them from within the aforementioned collaboration tools.  That&#8217;s a very cool thing.</p>
<p><a href="http://www.balsamiq.com/products/mockups/help#confluence" target="_blank">Here&#8217;s the info on Integration</a> (starting with Confluence &#8211; scroll down on the help page to read more).</p>
<p><a name="what_i_did"></a></p>
<h2><span style="color:#800000;"><strong>What I Did</strong></span></h2>
<p>Here are some screen shots  of a mockup I did with Balsamiq.  I admit it&#8217;s not as interesting as a real project might be but it will have to do&#8230;for now:</p>
<p><span style="color:#008000;"><strong>Just getting started, dragged a window to the canvas:</strong></span><br />
<img loading="lazy" data-attachment-id="319" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/balsamiq_test_stage1/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png" data-orig-size="450,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="balsamiq_test_stage1" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png?w=450" class="alignnone size-full wp-image-319" title="balsamiq_test_stage1" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png?w=529" alt="balsamiq_test_stage1"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png 450w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png?w=150&amp;h=133 150w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png?w=300&amp;h=267 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p><span style="color:#008000;"><strong>Now we have a toolbar and a tab control:</strong></span><br />
<img loading="lazy" data-attachment-id="320" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/balsamiq_test_stage2/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png" data-orig-size="450,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="balsamiq_test_stage2" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png?w=450" class="alignnone size-full wp-image-320" title="balsamiq_test_stage2" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png?w=529" alt="balsamiq_test_stage2"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png 450w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png?w=150&amp;h=133 150w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png?w=300&amp;h=267 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p><span style="color:#008000;"><strong>The treeview is in place:</strong></span><br />
<img loading="lazy" data-attachment-id="321" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/balsamiq_test_stage3/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png" data-orig-size="450,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="balsamiq_test_stage3" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png?w=450" class="alignnone size-full wp-image-321" title="balsamiq_test_stage3" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png?w=529" alt="balsamiq_test_stage3"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png 450w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png?w=150&amp;h=133 150w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png?w=300&amp;h=267 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p><span style="color:#008000;"><strong>Finally, the textbox and content on the right:</strong></span><br />
<img loading="lazy" data-attachment-id="323" data-permalink="https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/balsamiq_test_stage_final/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png" data-orig-size="450,400" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="balsamiq_test_stage_final" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png?w=450" class="alignnone size-full wp-image-323" title="balsamiq_test_stage_final" src="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png?w=529" alt="balsamiq_test_stage_final"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png 450w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png?w=150&amp;h=133 150w, https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png?w=300&amp;h=267 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p>So, I am quite sure that this was a simpleton&#8217;s sample but it gives you some idea of what you can do in about 10 minutes but the results are well worth it.</p>
<p><a name="off_the_top"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;"><strong>Off the Top</strong></span></h2>
<h3 style="text-align:left;"><span style="color:#1d4d90;"><strong>Things I liked</strong></span></h3>
<p style="text-align:left;"><em><span style="color:#993300;"><span style="color:#000000;">What I think really makes this program work for me.</span></span></em></p>
<p style="text-align:left;"><strong>I liked</strong> the overall UI a great deal.  Despite some issues I might have it is still extremely productive.</p>
<p style="text-align:left;"><strong>I liked</strong> how little time it took me to produce so much.</p>
<p style="text-align:left;"><strong>I liked</strong> the large array of controls and Balsamq&#8217;s willingness to create more &#8211; just contact them and see what they say.</p>
<p style="text-align:left;"><strong>I liked</strong> how cool the Image Control was (is) for importing images &#8211; excellent!</p>
<p style="text-align:left;"><strong>I liked</strong> how responsive this program was (is!).  It&#8217;s very refereshing after working with some really speed hogs like Visual Studio.</p>
<p style="text-align:left;"><strong>I liked</strong> the integration features with Confluence, Jira, Xwiki, and FogBugz.</p>
<p style="text-align:left;"><span style="color:#993300;"><span style="color:#000000;"><strong>I liked</strong> a lot more things but I think this is a good start.<br />
</span></span></p>
<h3 style="text-align:left;"><strong><span style="color:#1d4d90;">Things I could like</span></strong></h3>
<p style="text-align:left;"><em>Some things that would be cool (to me) if they existed (if I missed something please tell me!) in Balsamiq &#8211; some of the items I might have mentioned already.</em></p>
<p style="text-align:left;"><strong>I could like it</strong> if the  vertical curly brace control would show the text I just typed after I am done.  It seemed that I had to resize the object on the canvas and then it displayed fine.</p>
<p style="text-align:left;"><strong>I could like it</strong> if there were some line connection tools for annotation purposes similar to how <strong>dia</strong> does it or any other drawing tool for that matter.  I realize this might go against purist mockup thinking but many manual mockups I have done on paper always get arrows and lines pointing to the UI elements.  Just a thought&#8230;</p>
<p style="text-align:left;"><strong>I could like it</strong> if I could see a ruler along left and top.</p>
<p style="text-align:left;"><strong>I could like it</strong> if there was some rudimentary color formatting of the text in text type controls such as text area.  Some basic formatting exists in the controls with text editing in them such as Italics, Bold, and Links to name a few but I sometimes like color in my mockups (I used to use Paint.Net or Gimp so I am spoiled where color comes in) to draw attention to content that may be important to the project.</p>
<p style="text-align:left;"><strong>I could like it</strong> if there was an option to choose the location and filename of the .png I was exporting to.</p>
<p style="text-align:left;"><strong>I could like it</strong> a lot if Balsamiq generated XAML (.Net WPF) and/or MXML (Flex) &#8211; that would be so cool!</p>
<p style="text-align:left;"><a name="recommendation"></a></p>
<h2 style="text-align:left;"><span style="color:#800000;">Recommendation</span></h2>
<p style="text-align:left;">So, here we are, at the end of this little review. I hope I communicated the sharpness of Balsamiq and it&#8217;s focus towards one thing:  creating UI mockups.  This program, so far, is about the best thing that I have found to do mockups in a long time including Visio, SmartDraw or Dia (and I have used all of these).  I really think that Balsamiq, the company, is on the right track with this product and with some enhancements or changes it would just keep getting more popular.</p>
<p style="text-align:left;">Sigh.. I am not so good at writing a lot of fluff so to tell it like I say it:  This is a cool program and I don&#8217;t think I will use anything else except for my brain doing mockups in the future and while you can&#8217;t beat the collaborative integration the desktop version is great.</p>
<p style="text-align:left;">If you have to do UI mockups for clients this is a great way to go.</p>
<p style="text-align:left;"><span style="color:#0000ff;"><strong>Side</strong></span>:  I was going to write a separate post about mockup magnets (called <span style="color:#0000ff;">Gui</span>Mags) but that&#8217;s been done <a href="http://www.mockupmagnets.com/" target="_blank"><strong>here</strong></a>.  So I thought I would entice your thought processes by mentioning you can get coated, magnetized, UI shapes for the ultimate manual UI design process.  You can write on them like a white board and best of all you can reuse them!  <strong><a href="http://www.guimags.com/index.php?p=products_guimags_corporate&amp;nav=nav_guimags" target="_blank">Here is the site</a></strong> where you can get <span style="color:#0000ff;">Gui</span>Mags (as well as <strong><a href="http://www.guimags.com/index.php?p=products_guiboards&amp;nav=nav_guiboards" target="_blank">GuiBoards</a></strong>).  Check it out as a compliment to your digital mockups!</p>
<p style="text-align:left;"><strong>Stay tuned for UI Prototyping and Mockups Part 2 &#8211; ForeUI.</strong></p>
<p style="text-align:left;"><em><strong>Tab</strong></em></p>
<p><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f07%2f25%2fproto-and-mockup-part-1-balsamiq%2f"><img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f07%2f25%2fproto-and-mockup-part-1-balsamiq%2f" border="0" alt="kick it on DotNetKicks.com" /></a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://codertools.wordpress.com/2009/07/25/proto-and-mockup-part-1-balsamiq/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_screenshot_general.png" medium="image">
			<media:title type="html">balsamiq_screenshot_general</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/properties_mockup.png" medium="image">
			<media:title type="html">properties_mockup</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage1.png" medium="image">
			<media:title type="html">balsamiq_test_stage1</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage2.png" medium="image">
			<media:title type="html">balsamiq_test_stage2</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage3.png" medium="image">
			<media:title type="html">balsamiq_test_stage3</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/07/balsamiq_test_stage_final.png" medium="image">
			<media:title type="html">balsamiq_test_stage_final</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f07%2f25%2fproto-and-mockup-part-1-balsamiq%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>Wpf/Xaml Menagerie</title>
		<link>https://codertools.wordpress.com/2009/06/22/wpf_xaml_menagerie/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Tue, 23 Jun 2009 04:12:44 +0000</pubDate>
				<category><![CDATA[.Net]]></category>
		<category><![CDATA[Wpf]]></category>
		<category><![CDATA[Reference]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[WPF Components Tools]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=228</guid>

					<description><![CDATA[This is my menagerie of WPF tools, components, books and other resources.  I was thinking this might be handy for &#8230;<p><a href="https://codertools.wordpress.com/2009/06/22/wpf_xaml_menagerie/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>This is my menagerie of WPF tools, components, books and other resources.  I was thinking this might be handy for those who are working with WPF.  This is not an in depth review of any one of the items below but I have commented on each item with my take on the value of the resource.  I also tried to ensure that the resources are still being worked on and if they are not then at least they still offer some value.</p>
<p>If you have any other resources to add please throw a comment my way and I will update the main list below.</p>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p><span style="color:#0000ff;"><strong>Update &#8211; 08.17.2009</strong></span>:  Added <a href="http://vwcmp.codeplex.com/" target="_blank">Vodnex WPF Controls Micro Pack</a> to my list of WPF Controls.</p>
<p><span style="color:#008080;">me·nag·er·ie</span> (mə-nāj&#8217;ə-rē, -nāzh&#8217;-)</p>
<ol>
<li>General
<ol>
<li>A collection of live wild animals on exhibition.</li>
<li>An enclosure in which wild animals are kept.</li>
</ol>
</li>
<li><strong>A diverse or miscellaneous group.</strong></li>
</ol>
<p>So, here is the table of contents for my list:</p>
<p><a href="#editors">Xaml Editors</a></p>
<p><a href="#addins">Wpf/Xaml Addins</a></p>
<p><a href="#utilities">Wpf/Xaml Utilities</a></p>
<p><a href="#books">Books on Wpf/Xaml</a></p>
<p><a href="#components">Wpf Components</a></p>
<p><a name="editors"></a></p>
<h3><strong>Xaml Editors (non-ide)</strong></h3>
<p>Most of the WPF I do is in the default XAML editor in Visual Studio and while it does the job I sometimes want to just play with XAML without loading the whole IDE (or while I am coding in the IDE).  The following are just XAML editors with a few special features.<br />
<a href="http://www.kaxaml.com/" target="_self"><br />
Kaxaml</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
Kaxaml is a cool XAML editor that has some nice features.  I really like the Snippets feature which can sometimes get me going with a feature I may not know how to code and the XAML scrubber is pretty nice as well.  With syntax coloring and intellisense this editor is my top pick for just pure XAML coding.</p>
<p><a href="http://blogs.msdn.com/llobo/archive/2008/08/25/xamlpadx-4-0.aspx" target="_blank">XamlPadX</a> (Last updated August 25, 2008)<br />
XamlPadX is an ok XAML editor with it&#8217;s own bag of tricks.  Nice visual tree explorer, nice default style display for various components and a fairly fast XAML parser so what you type is displayed in the UI window right away.  It does not have intellisense which is kind of a bummer but not too bad.  I also noticed some strange artifacts in the UI as I switched and panels.  Personally I found Kaxaml to have a more compelling feature set but XamlPad is still a nice editor.</p>
<p><a href="http://www.stoyanoff.info/blog/code/xaml-editor/" target="_blank">XAML Editor</a><br />
XAML Editor is just a simple notepad for XAML.  It can only be used for editing XAML and has not real value to a developer but it does validate your XAML though you can not run it from this utility.  Going to the help page from the Help menu gives you one of those web pages that indicate the domain is for sell.  I wouldl not use &#8211; it would be better to use something like notepad2 instead of this tool.</p>
<p><a href="http://windowsclient.net/downloads/folders/controlgallery/entry2314.aspx" target="_blank">Charles Petzold&#8217;s Xaml Cruncher </a>&#8211; click once installation (Last updated 2007)<br />
This tool has more of the feel of a project one would build to learn XAML.  It does parse the xaml and render the WPF output but it does not have intellisense or really any other features that would make it compelling.  If you like responding to parse errors to code and DO NOT like intellisense when working with XAML then this is for you.</p>
<p>Finally, there is XamlPad which is included with SDK installation.<br />
<a name="addins"></a></p>
<h3><strong>Wpf/Xaml Addins (Vs.Net)</strong></h3>
<p><a href="http://karlshifflett.wordpress.com/xaml-power-toys/" target="_blank">Xaml Power Toys</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
This is very powerful addin for WPF that assists you in creating business forms.  This is what I would describe as a WPF form generator.  There are also helpers for working with Grids, and tools to generate DataGrids and Listviews.  I would highly recommend watching the videos on Karl Shifflett&#8217;s web page to get a feel for how this works.  I have not had an occasion to use this (YET!) except for just playing around with it to get an idea of it&#8217;s value.  At the time it felt to me that you are bringing a certain style of development when you utilize this addin to help you with you line of business forms.</p>
<p><a href="http://www.menees.com/" target="_blank">Menees VS Tools</a><br />
Kind of a nifty &#8216;charityware&#8217; VS.Net addin that offers several convenient features such as (this is right from the web site ):</p>
<ul>
<li> Sort</li>
<li> Trim</li>
<li> Statistics</li>
<li> Run Text</li>
<li> Execute File</li>
<li> Stream Text</li>
<li> Comment</li>
<li> Generate Prime</li>
<li> Generate GUID</li>
<li> Check Spelling</li>
</ul>
<p><strong>Plus</strong>:</p>
<ul>
<li> Toggle Files</li>
<li> Close All Except</li>
<li> Toggle Read-Only</li>
<li> Add Region (VS 2005+ Only)</li>
<li> Base Converter (VS 2005+ Only)</li>
</ul>
<p>I have not used this a great deal though I do use it occasionally and for free (the author requests you donate at least $5 to your favorite charity) you can&#8217;t beat it.<br />
<a name="utilities"></a></p>
<h3><strong>Wpf/Xaml Utilities</strong></h3>
<p><a href="http://karlshifflett.wordpress.com/mole-for-visual-studio/" target="_blank">Mole</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
Multi-Function Visualizer for WPF, WCF, WF, Asp.Net, XBAP&#8217;s and winforms.</p>
<p><a href="http://blois.us/Snoop/" target="_blank">Snoop</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
Cool little utility to assist in debugging / visualizing WPF applications.</p>
<p><a href="http://www.mikeswanson.com/swf2xaml/" target="_blank">SWF2XAML </a><br />
Nice utility that converts SWF (Flash) to XAML</p>
<p><a href="http://sourceforge.net/project/showfiles.php?group_id=263555" target="_blank">Visual WebGUI Web Design Tools</a><br />
Visual GUI Web Design tool for creating custom controls and themes in html, css and XAML</p>
<p><a href="http://cracknetproject.codeplex.com/" target="_blank">Crack.Net</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
Runtime debugging and scripting tool for WPF and Winforms &#8211; check out the web site for all the features.</p>
<p><a href="http://azurestorageexplorer.codeplex.com/" target="_blank">Azure Storage Explorer</a><br />
This is not a WPF utility but it is very cool.  This is used to explore your data in Azure Cloud projects.  Neat stuff!</p>
<p><a href="http://www.red-gate.com/products/reflector/" target="_blank">.Net Reflector</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
<a href="http://reflectoraddins.codeplex.com/" target="_blank">Addins Page for .Net Reflector</a><br />
If you have not heard of Reflector then I recommend you click on the above link, download it and check out this amazing utility.  This is about one of the coolest and longest lived utilities for .Net out there.  While this is not strictly a WPF utility there are a couple of addins (BamlViewer and SilverLight Loader) that work with WPF and SilverLight.</p>
<p><a href="http://blog.wpfwonderland.com/2008/10/08/shazzam-wpf-pixel-shader-effect-testing-tool-now-available/" target="_blank">Shazzam Pixel Shader</a> (requires silverlight 2.x)<br />
<span style="text-decoration:underline;">From the website</span>: &#8220;The goal of Shazzam is to make it simple to edit and test WPF Pixel Shader Effects.&#8221;</p>
<p><a href="http://www.granthinkson.com/2007/11/08/announcing-pistachio-wpf-resource-visualizer/" target="_blank">Pistachio WPF Resource Visualizer</a><br />
While this is not new it is still cool:  This tool allow you to load project files and it will list all the resources and where they are used.  I am uncertain how well this will work with .Net 3.5 sp1 &#8211; I would assume that it will but it may not pick  up an new features since 2007.<br />
<a name="books"></a></p>
<h3><strong>Books on Wpf/Xaml</strong></h3>
<p><span style="text-decoration:underline;">NOTE</span>:  I did it simple and just pointed to Amazon for every book since BookPool is no more.</p>
<p><a href="http://www.amazon.com/Pro-WPF-2008-Presentation-Professionals/dp/1590599551/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1245724689&amp;sr=8-1" target="_blank">Pro WPF In C# 2008</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
This is an excellent book on WPF!</p>
<p><a href="http://www.amazon.com/Applications-Code-Markup-Presentation-Foundation/dp/0735619573/ref=sr_1_23?ie=UTF8&amp;s=books&amp;qid=1245724746&amp;sr=8-23" target="_blank">Applications = Code + Markup</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
This is Charles Petzold&#8217;s book on WPF and it&#8217;s extremely thorough.</p>
<p><a href="http://www.amazon.com/WPF-Recipes-2008-Problem-Solution-Approach/dp/1430210842/ref=sr_1_17?ie=UTF8&amp;s=books&amp;qid=1245724746&amp;sr=8-17" target="_blank">WPF Recipes 2008</a><br />
I don&#8217;t own this one but seems worth a look.</p>
<p><a href="http://www.amazon.com/Programming-WPF-Chris-Sells/dp/0596510373/ref=sr_1_13?ie=UTF8&amp;s=books&amp;qid=1245724689&amp;sr=8-13" target="_blank">Programming WPF</a></p>
<p><a href="http://www.amazon.com/WPF-Action-Visual-Studio-2008/dp/1933988223/ref=sr_1_7?ie=UTF8&amp;s=books&amp;qid=1245724689&amp;sr=8-7" target="_blank">WPF In Action</a> (<span style="color:#ff6600;"><strong>recommended</strong></span>)<br />
I own this one and it is excellent.  This was the first WPF book I purchased &#8211; very nice feature is that you actually don&#8217;t do 10,000 code snippets but build on just a few apps as you go.</p>
<p><a href="http://www.amazon.com/Windows-Presentation-Foundation-Unleashed-WPF/dp/0672328917/ref=sr_1_3?ie=UTF8&amp;s=books&amp;qid=1245724689&amp;sr=8-3" target="_blank">Windows Presentation Foundation Unleashed</a> (recommended)<br />
While this is one of the older books (along with Petzold&#8217;s book) it is actually very good.  I really like to see color in UI books even if they are more expensive.  FYI:  This is the core teaching book on Safari used by <a href="http://www.innerworkings.com/catalog" target="_blank">InnerWorkings</a> in their WPF Training (highly recommended too!)<br />
<a name="components"></a></p>
<h3><strong>Wpf Components</strong></h3>
<p>The following is a list of open source/free components that I found to offer some value.  Kind of hard to recommend any other than to say that if they are listed then I think they offer something, even if it&#8217;s just to learn some interesting coding techniques.</p>
<p><a href="http://xceed.com/pages/TopMenu/Downloads/Updates.aspx?Lang=EN-CA" target="_blank">Xceed Data Grid</a> (this may still be free if you download v3.1 or lower as v3.2 now is the paying, standard edition)</p>
<p><a href="http://www.hardcodet.net/projects/wpf-notifyicon" target="_blank">WPF Notify Icon</a> (very nice with tutorials and everything)</p>
<p><a href="http://wpf.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=25047" target="_blank">WPF Toolkit</a> (includes wpf grid)</p>
<p><a href="http://wpf.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=14962" target="_blank">WPF Futures</a></p>
<p><a href="http://www.codeplex.com/wpf/Wiki/View.aspx?title=WPF%20Ribbon%20Preview" target="_blank">WPF Ribbon Preview</a></p>
<p><a href="http://thriple.codeplex.com/" target="_blank">Thripole</a> &#8211; 3d UI</p>
<p><a href="http://odyssey.codeplex.com/" target="_blank">Odyssey Collection of WPF controls</a></p>
<p><a href="http://avaloncontrolslib.codeplex.com/" target="_blank">Avalon Controls Library</a></p>
<p><a href="http://fluidkit.codeplex.com/" target="_blank">FluidKit WPF Library</a> (source only)</p>
<p><a href="http://dotwaywpf.codeplex.com/" target="_blank">Dot Way WPF Control Library</a></p>
<p><a href="http://blacklight.codeplex.com/" target="_blank">BlackLight Panel/UI Library</a> also <a href="http://mightymeaty.members.winisp.net/blacklight.silverlight/" target="_blank">Here for Demo</a></p>
<p><a href="http://dashboarding.codeplex.com/" target="_blank">Silverlight/WPF Dashboards and Gauges</a></p>
<p><a href="http://avalondock.codeplex.com/" target="_blank">Avalon Dock</a></p>
<p><a href="http://wpfsplitbutton.codeplex.com/" target="_blank">WPF Splitbutton</a></p>
<p><a href="http://www.visifire.com/" target="_blank">VISIfire Open source charting</a></p>
<p><a href="http://breadcrumb.codeplex.com/" target="_blank">Vista-Like WPF Breadcrumb</a></p>
<p><a href="http://flipcontrol.codeplex.com/" target="_blank">3D Flip Control</a></p>
<p><span style="text-decoration:line-through;"><a href="http://dateselector.codeplex.com/" target="_blank">WPF Date Picker</a></span></p>
<p><a href="http://vwcmp.codeplex.com/" target="_blank">Vodnex WPF Controls Micro Pack</a> (includes WPF Date Picker)</p>
<p><span style="text-decoration:underline;"><strong>PDF Generation</strong></span><br />
While not strictly WPF it is often needed to generate pdf&#8217;s or other formats from WPF controls.</p>
<p><a href="http://itextsharp.sourceforge.net/" target="_blank">iTextSharp</a> &#8211; .Net implementation of iText</p>
<p><a href="http://www.pdfsharp.com/PDFsharp/" target="_blank">PDF Sharp</a> open source PDF</p>
<p><a href="http://www.stefanochizzolini.it/en/projects/clown/" target="_blank">PDF Clown</a> open source PDF</p>
<p>Hope this list is somewhat helpful to you as it is to me.</p>
<p><span style="color:#666699;"><strong><em>Tab</em></strong></span></p>
<p><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f06%2f22%2fwpf_xaml_menagerie%2f"><img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f06%2f22%2fwpf_xaml_menagerie%2f" border="0" alt="kick it on DotNetKicks.com" /></a></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f06%2f22%2fwpf_xaml_menagerie%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>File Managers Part 2 &#8211; OSX</title>
		<link>https://codertools.wordpress.com/2009/06/03/file-managers-part-2-osx/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Thu, 04 Jun 2009 03:12:27 +0000</pubDate>
				<category><![CDATA[File Manager]]></category>
		<category><![CDATA[osx]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=149</guid>

					<description><![CDATA[Preamble Greetings, this is second part of the File Managers review and is concerned with OS X File Managers.  I &#8230;<p><a href="https://codertools.wordpress.com/2009/06/03/file-managers-part-2-osx/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h3>Preamble</h3>
<p>Greetings, this is second part of the File Managers review and is concerned with <strong>OS X File Managers</strong>.  I have to admit that my day to day computer at work runs <strong>Windows Xp/Vista</strong> but the computer I use at home is a Macbook Pro running <strong>OS X 10.5</strong>.  This kind of gives me an interesting comparison view between the Win and the Mac camps for all kinds of things from IDE&#8217;s to compression and yes, with File Managers.</p>
<p>So this is post is a gathering of what <strong>I</strong> consider to be the top file managers for OS X. As with previous posts, I will list 3 to 4 file managers for OS X that I think (just my humble opinion here) are the best in the free, open-source and commercial categories.</p>
<p>The slant on this is that I am constantly looking for a File Manager (or Finder alternative) that compares with the features I have found with Total Commander or Servant Salamander on Windows so that the transition back and forth is as painless as possible.  So far, I am not too thrilled &#8211; yet&#8230;</p>
<p>See <a href="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/" target="_blank">Part 1</a> for my review of <strong>Windows File Managers.</strong> Here is what I rated the Windows File Managers on what I am going to rate the OS X File Managers on:</p>
<ul>
<li>dual pane</li>
<li>multi-tabbed</li>
<li>icon overlay</li>
<li>built in compression and compression navigation</li>
<li>intuitive to use</li>
<li>simple to config</li>
<li>ftp</li>
<li>favorites</li>
<li>built-in viewers</li>
</ul>
<p>Even so, it is going to be somewhat long but I do hope it will be of value.  <span style="text-decoration:underline;">Small note</span>:  I chose to go with a 1 to 5 star rating for the Tidbits based on my opinion of how useful any given feature might be.</p>
<p>Let me just state that these are my picks for file managers and are not influenced by any of the vendors/creators of the file managers that will be reviewed. Please take the time to leave comments and let me know what your favorites are and also give it to me straight when you have information that will clarify or correct this post.</p>
<p><span id="more-149"></span></p>
<p><img title="More..." src="https://codertools.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<h3>Contents</h3>
<p><strong><a href="#forklift">ForkLift</a></strong></p>
<p><a href="#macexplorer"><strong>Macintosh Explorer</strong></a></p>
<p><a href="#xfolder"><strong>XFolders</strong></a></p>
<p><strong><a href="#other">Other File Managers</a></strong></p>
<p><strong><a href="#recommendation">Recommendation and Comments</a><br />
</strong></p>
<h3>OS X File Managers</h3>
<h3><a name="forklift" href="http://www.binarynights.com/" target="_blank">ForkLift</a></h3>
<p>Platform: OS X<br />
Version: 1.6 (1.7 Beta is available <a href="http://download.binarynights.com/ForkLift1.7b2.zip" target="_blank">here</a>)<br />
Type: Dual Pane, Multi-Tabbed<br />
Price: $44.95 ($24.95 Student License)</p>
<p>In a few words: ForkLift is cool!  Since I started using a MacBook it is the closest thing to a Windows experience I have had with file management.  Hold the flame for a bit&#8230;I really love my MacBook but I have to use Windows for development so I like to have similar tools on both systems to keep up my productivity and ForkLift helps me achieve that on the Mac.  Let me run some negatives first then some positives.</p>
<p><span style="text-decoration:underline;">On the not so fun experience side</span>:</p>
<ul>
<li>Slow loading &#8211; it seems to take forever to load &#8211; perhaps is just me but I can&#8217;t help feeling that this is somewhat of a resource gobbler.</li>
<li>The drag and drop is a real bummer &#8211; I can&#8217;t seem to make it work 100% of the time &#8211; just simply clicking on a file and trying to drag it to another folder turns into a multi-file/folder highlight &#8211; strange.</li>
<li>The <strong>Favorites</strong> section on the <strong>Sidebar</strong> does not reflect my <strong>Places </strong>in the <strong>Finder</strong> which is kind of a bummer.</li>
<li>Also there is no <strong>Shared</strong> section on the<strong> Sidebar</strong> which is also a bummer because the <strong>Finder </strong>shows my shared network drive so either I am missing something or it is not there.</li>
<li>It would be nice to see and Up arrow at the top of the file/folder listing in each pane but I sense that is my Total Commander experience (Norton Commander) showing where I am used to seeing two Dos/Windows dots to navigate back one folder level &#8211; the bread crumbs feature is more than sufficient if I can remember to use it!</li>
</ul>
<p><span style="text-decoration:underline;">On the &#8216;<strong>Cool</strong>&#8216; experience side</span>:</p>
<ul>
<li>Finally multiple tabs on dual panes (awesome!) which is about the most important thing to me &#8211; especially when I am working with multiple projects.  It is so tiring to keep navigating into a folder tree, back out, into another one, etc&#8230;</li>
<li>I really like the breadcrumbs feature in each pane, for each tab, that shows where you are in the folder hierarchy &#8211; very easy to navigate back.</li>
</ul>
<div><img class="alignnone" title="Forklift" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/forklift.png" alt="" width="761" height="614" /></div>
<p>To Continue, I really like this file manager and while it does seem slow in loading I can overlook that in favor of being productive in the areas that matter.  I do wish it had more that Zip compression integration since I do a lot with .Rar, .7z and other compressed files (compressing not navigating).  I do like the ability to navigate into compressed files but my favorite compression format (.7z) does not seem to be supported &#8211; perhaps in the next version.</p>
<p>There are a ton of other features such as Amazon S3 support, Ftp (all flavors), Growl support, and Bluetooth to mention a few.  I am not going to go into them all as I think the I covered the things I work with on a daily basis.  All in all, this is a very easy to powerful, easy to use File Manager and I certainly recommend it if you have the $ to spend as it seems well worth.  Additionally, I did notice on their website that a new version is coming out so that&#8217;s a good sign that development is ongoing and ForkLift is only going to keep getting better.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Multi-tabbed <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"><strong> ***</strong></span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li>Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Favorites <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"><strong> **</strong></span></li>
</ul>
<h3><a name="macexplorer" href="http://www.ragesw.com/products/explorer.html" target="_blank">Macintosh Explorer</a></h3>
<p>Platform: OS X<br />
Version: 4.5<br />
Type: Single Pane, Multi-Tabbed<br />
Price: $15.95</p>
<p>When I was searching for OS X file managers I kept seeing references to Rage Explorer and Rage File Manager, etc.. but the download links went to a dead site (actually for sale) so I figured it was dead and buried but Rage Software is alive and well =&gt; either the search engines had the Macintosh Explorer misnamed or people were calling it the Rage Explorer &#8211; anyway, doesn&#8217;t really matter just clarifying.</p>
<p>This file manager is single pane and multi-tabbed with some very nice features.  I certainly was happy with the load speed as it seemed very quick and I also like that this is a very straighforward utility with some simple features that make it appealing to me.  Not the least is the small price tag which should make it affordable for just about anyone.</p>
<p><span style="text-decoration:underline;">On the not so fun experience side</span>:</p>
<ul>
<li>Current Tabs not being saved at exit.  I did check the settings but the one setting, <strong>New Explorer window opens</strong> &#8211; <em>Last place visited</em> (selection), did not affect the state of the Tabs as each time I startup Macintosh Explorer it starts in the current logged on user&#8217;s home folder &#8211; that&#8217;s a bummer since I often like to pick up where I left off (<strong>perhaps the full version does this?</strong>).</li>
<li>The concept of the File Shelf seems a bit odd &#8211; I guess you drag files there to easily access them but then there is the File Bank which seems to do a similar thing.  My problem is this:  I could find no detailed information on this using the Help search other than to have the menu items highlighted.  I must have missed something but given there are Favorites I am unsure about the duplication of features &#8211; someone explain this to me?</li>
<li>The other thing is the concept of &#8216;Flavors&#8217;  which are really view themes.  Why not call them themes to build on a very common user experience &#8211; that must my my Windows brain talking here&#8230;</li>
<li><strong>Bummer</strong>!  <strong>NO</strong> ability to compress files/folders and <strong>NO</strong> navigation <strong>INTO</strong> compressed files that I can see.  I double-clicked on a .zip file and it simply uncompressed the zip file in place just like the Finder does &#8211; that&#8217;s probably the one thing besides the Tab state not saving that makes this File Manager not so good for how I like to work with files.</li>
</ul>
<p><span style="text-decoration:underline;">On the &#8216;<strong>Cool</strong>&#8216; experience side</span>:</p>
<ul>
<li>This is actually a very nice file manager if you are ok with not having side by side panes.  I really like the Thumbnail view right in the file manager for my images &#8211; that is a very cool thing when I am searching hundreds of images looking for the right one and I can do it right in the file manager.  On that same vein, the Compact List view is very speedy &#8211; I often know the file I am looking for and what I want to do with it so anything more than a fast list is a waste sometimes.</li>
<li>I also like the good responsiveness of the drag and drop since drag and drop in the mac seems to work a bit differently for many applications in my Dock.</li>
<li>The UI is very clean and simple and I like that a lot.</li>
<li>I also really like the ability to get a list of the files in the current tab/folder view &#8211; sometimes that is very handy!</li>
</ul>
<p><img class="alignnone" title="Rage Macintosh Explorer" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/mac_explorer.png" alt="" width="773" height="614" /></p>
<p>All in all, this is a pretty nice basic file manager but I just can&#8217;t see using it for my day to day when I am doing development or even working with files how I like to work with them.  I have come to really like Tab&#8217;s (with the state saved) and navigation into compressed files &#8211; these things really save me a ton of time.  I don&#8217;t want to have to remember where I was during my last session and try to open the same tab&#8217;s the next time I open my file manager.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"> </span></li>
<li> Multi-tabbed <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"> </span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> **</strong></span></li>
<li>Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Favorites <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"><strong> ***</strong></span></li>
</ul>
<p><span style="color:#ff6600;"><strong><br />
</strong></span></p>
<h3><a name="xfolder" href="http://www.kai-heitkamp.de/cms_en/main.php?content=9&amp;module=0" target="_blank">XFolders</a></h3>
<p>Platform: OS X<br />
Version:  1.6<br />
Type:  Dual Pane, NON-Tabbed<br />
Price:  Freeware</p>
<p>So this is a very basic file manager.  Very basic with some features that are kind of interesting.</p>
<p><span style="text-decoration:underline;">On the not so fun experience side</span>:</p>
<ul>
<li>There are NO tabs at all and that is a shame.  This reminds me very much of Norton Commander and Servant Salamander (Win) with dual panes but no tabs.</li>
<li>Compression of files and navigation WITHIN compressed files is almost non-existing except that you can decompress a compressed .zip file and that&#8217;s about it.</li>
<li>I don&#8217;t see a way to actually change the views in the panes from the detailed view to another view such a Icon, List, etc&#8230;.</li>
<li>The image viewer works but the navigation to files with images is tedious as you have to re-pick the folder that may contain images, see what is shown in the viewer and then re-pick again as needed &#8211; too much work for a simple feature.  It would be nice if a thumbnail view was built in.</li>
</ul>
<p><span style="text-decoration:underline;">On the &#8216;<strong>Cool</strong>&#8216; experience side</span>:</p>
<ul>
<li> I think the breadcrumbs buttons above each pane are actually very cool since when you click on an &#8216;earlier&#8217; sibling button the &#8216;latter&#8217; sibling button stays.  ie.. in the image below if I click on Users in the left pane the tcodex breadcrumb button stays there so I kind of have multiple views providing I am on the same path hierarchy.  Changing the folder completely changes the breadcrumb buttons and it should.</li>
<li>I like the little double .. at the top of each pane &#8211; something I kind of am comfortable with to navigate back to the last previous sibling in the path hierarchy I am on.</li>
<li>I also like the NC type of buttons (Norton Commander) at the bottom &#8211; kind of nostalgic and something I am used to and seems to exist in a lot of modern file managers.</li>
<li>It is very nice to be able to pick up from where you left off within the file hierarchy the next day, etc and Xfolders saves the state and it seems to work.</li>
<li>Finally, I really like having the ability to go right to the Activity Monitor and right to the Console as well as a Terminal.  These Apple utilities are quite useful but I am embarrassed to say I was unaware of them but that&#8217;s kind of the fun of moving into a new OS &#8211; the learning of it&#8230;</li>
</ul>
<p><img class="alignnone" title="XFolders" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/xfolders.png" alt="" width="761" height="578" /></p>
<p>I have to say that if this file manager had a few more features that it would be my favorite in terms of performance.  Just (ya, right, <em>just</em>..) add Tabs, Compression navigation and changeable views and it would be my favorite.  However, working in the real world, I have to say it won&#8217;t work for me.  Keep up the work though since this shows great promise and what is built was built nicely.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Multi-tabbed <span style="color:#ff6600;"> </span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"> </span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li>Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"> </span></li>
<li> Favorites (bookmarks) <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"> </span></li>
</ul>
<p><span style="color:#ff6600;"><strong><br />
</strong></span></p>
<p><a name="other"></a></p>
<h3>Other OS X File Managers you may wish to consider</h3>
<p>I have tried muCommander a few times over the past few seasons but never really go the performance I was looking for.  This is very similar in look to Windows Total Commander which is very similar to Norton Commander.</p>
<p><a href="http://www.mucommander.com/index.php" target="_blank"><strong>muCommander</strong></a> &#8211; From the website: &#8220;muCommander is a lightweight, cross-platform file manager featuring a Norton Commander style interface and running on any operating system with Java support (Mac OS X, Windows, Linux, *BSD, Solaris&#8230;).&#8221;<strong> </strong></p>
<p>Platform: Cross-Platform<br />
Type: Dual Pane, Java Based<br />
Price: Free as in Open Source<br />
<a name="recommendation"></a></p>
<h3>Recommendation</h3>
<p>I have to say, I really like my Macbook Pro for several reasons:  ease of use, reliability of the OS, nice UI and so on&#8230; It just plain works well and I like that.  What I am not liking so much is that many of the utilities that I have become used to in Windows (File Managers, Editors, etc) just don&#8217;t seem to have such strong counterparts in OS X and File Managers are no exception.  But, since I am committed to using my Macbook Pro I have to work with what is available or code my own (maybe if I clone myself I will have time!).  Given that little rant here is my recommendation:</p>
<p><strong><span style="text-decoration:underline;">Full Featured</span></strong>: There was never really an contest when it comes to features as ForkLift has them and the others don&#8217;t.  At least they don&#8217;t have ALL of the features of ForkLift.  So, if I rate just on features then ForkLift comes out ahead.</p>
<p><strong><span style="text-decoration:underline;">Functionality Featured</span></strong>: If I was looking for just basic functionality (say, if I wasn&#8217;t a programmer and had basic needs) then I would have to save the $50 and go with Xfolders just for pure speed and a nice covering of the basics.  In my mind, it would not be  stretch to say that given a few more features I listed earlier that Xfolders would be perfect for me on OS X.</p>
<h3>In Closing</h3>
<p>When it comes to my needs as a programmer I have to say that ForkLift gives you a great value though the cost is a bit high in my mind as compared to Total Commander on Windows which offers many of the same features for a cheaper price.</p>
<p>Thanks for reading this review and I hope you will comment to give your 2 cents about what file managers you use: on any OS.</p>
<p><span style="color:#333399;"><em><strong>Tab</strong></em></span></p>
<p><span style="color:#333399;"><em><strong><br />
</strong></em></span></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" medium="image">
			<media:title type="html">More...</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/forklift.png" medium="image">
			<media:title type="html">Forklift</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/mac_explorer.png" medium="image">
			<media:title type="html">Rage Macintosh Explorer</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/xfolders.png" medium="image">
			<media:title type="html">XFolders</media:title>
		</media:content>
	</item>
		<item>
		<title>Quick Tool Review &#8211; Unlocker</title>
		<link>https://codertools.wordpress.com/2009/05/23/quick-tool-review-unlocker/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Sat, 23 May 2009 14:50:02 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[files]]></category>
		<category><![CDATA[Unlock]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=194</guid>

					<description><![CDATA[I frequently get into the situation of having files locked (in Windows mostly) when I am doing development.  I bet &#8230;<p><a href="https://codertools.wordpress.com/2009/05/23/quick-tool-review-unlocker/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>I frequently get into the situation of having files locked (in Windows mostly) when I am doing development.  I bet that has happened to everyone at one time or another and it can be a pain since Windows does not offer a quick method to simply unlock the file(s) in question from Explorer (how shortsighted is that?  I wonder if Win7 is going to have that feature?).</p>
<p>Anyway, I discovered the freeware <strong><a href="http://ccollomb.free.fr/unlocker/" target="_blank">Unlocker</a></strong> by Cedrick &#8216;NITCH&#8217; Collomb one day and have been using it every since.  Simply right click on the Folder or File(s) in question and click on the Unlocker shell extension and you will have a list of programs that are locking what you selected &#8211; nice and easy.</p>
<p><span id="more-194"></span></p>
<p>Here are a couple of screen shots linked to the author&#8217;s website:</p>
<p><img class="alignnone" title="tutorial1" src="https://i0.wp.com/ccollomb.free.fr/unlocker/tutorial1.png" alt="" width="231" height="214" /></p>
<p><img class="alignnone" title="tutorial2" src="https://i0.wp.com/ccollomb.free.fr/unlocker/tutorial2.png" alt="" width="578" height="212" /></p>
<p>I am not saying that this is the ONLY unlocker out there it is simply the one I use and have grown accustomed to.  I like simple tools that don&#8217;t try to solver every problem under the sun (a few of those all in one system clean, defrag, antivirus, firewall, monolithic &#8216;suites&#8217; come to mind) and this one solves that one problem I have when files get locked.  The rest of the time it stays out of the way.</p>
<p>Anyway, that&#8217;s it for this quick review.  Check out the following links for a few other Unlocker&#8217;s I found on the internet:</p>
<ul>
<li><strong><a href="http://www.emco.is/products/unlock-it/features.php" target="_blank">UnlockIt</a></strong> by Emco Software &#8211; <span style="color:#333399;">Freeware</span></li>
<li><strong><a href="http://grubletrang.com/Software.aspx?app=FreeFile" target="_blank">FreeFile</a></strong> by GrubleTrang Corp &#8211; <span style="color:#333399;">Freeware</span></li>
<li><strong><a href="http://camtech2000.net/Pages/UnlockMe.htm" target="_blank">UnlockMe</a></strong> by Camtech 2000 &#8211; <span style="color:#333399;">Freeware</span></li>
<li><a href="http://www.dr-hoiby.com/WhoLockMe/" target="_blank"><strong>WhoLockMe</strong></a> by Dr. Hoiby &#8211; <span style="color:#333399;">Freeware</span></li>
</ul>
<p><span style="color:#333399;"><span style="color:#000000;">I am sure there are others (probably a lot!) but these are a few that floated to the top.  Use at your own risk since you are messing with the file system.</span></span></p>
<p><span style="color:#000080;"><strong><em>Tab</em></strong></span></p>
<p><span style="color:#333399;"><br />
</span></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="http://ccollomb.free.fr/unlocker/tutorial1.png" medium="image">
			<media:title type="html">tutorial1</media:title>
		</media:content>

		<media:content url="http://ccollomb.free.fr/unlocker/tutorial2.png" medium="image">
			<media:title type="html">tutorial2</media:title>
		</media:content>
	</item>
		<item>
		<title>Quick Tool Review &#8211; Atrise Golden Section</title>
		<link>https://codertools.wordpress.com/2009/05/11/quick-tool-review-atrise-golden-section/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Tue, 12 May 2009 03:36:15 +0000</pubDate>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[UI]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=187</guid>

					<description><![CDATA[I don&#8217;t know about you but I do a lot of UI development both for the web and for the &#8230;<p><a href="https://codertools.wordpress.com/2009/05/11/quick-tool-review-atrise-golden-section/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>I don&#8217;t know about you but I do a lot of UI development both for the web and for the desktop.  I often run into the issue of screen size and proportion.  By this I mean that I like my screens to size correctly as well as have a proportionate look to them.  For instance if I am creating a web page I like to have the content fit within designated areas, if I am doing image maps I like to be able to break up my images in a logical manner and not just into equal sizes.</p>
<p>So, one day I am looking for an on screen ruler and I ran across <strong><a href="http://www.atrise.com/golden-section/" target="_blank">Atrise Golden Section</a></strong> and that was the end of my search for an on screen ruler.  I was able to overlay a configurable grid onto anything I was working on for web or desktop!  How cool is that!  Well, I think it&#8217;s kind of a cool tool to have in the arsenal for those times when I absolutely need a grid to help with sizing and UI component proportions.</p>
<p><span id="more-187"></span></p>
<p>Here&#8217;s a screen shot I linked to from their website which shows Atrise Golden Section over an image in Photoshop (click <strong><a href="http://www.atrise.com/golden-section/screenshots.php" target="_blank">here</a></strong> for more screen shots):</p>
<p><img class="alignnone" title="Atrise Golden Section over Photoshop" src="https://i0.wp.com/www.atrise.com/golden-section/scr9.png" alt="" width="677" height="423" /></p>
<p>Now I realize that given tools like Visual Studio .Net with it&#8217;s UI alignment mode that a grid like Atrise is probably not as useful as it might be with a program like the old Visual Basic 6.x or the old Visual C++ but it has saved me a great deal of time in the past.  Hey, you can even use it as a stock ticker display!</p>
<p>Hope you take a few minutes to check this cool little niche tool out.</p>
<p><strong><em><span style="color:#666699;">Tab</span></em></strong></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="http://www.atrise.com/golden-section/scr9.png" medium="image">
			<media:title type="html">Atrise Golden Section over Photoshop</media:title>
		</media:content>
	</item>
		<item>
		<title>File Managers Part 1 &#8211; Windows</title>
		<link>https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Sun, 03 May 2009 04:45:30 +0000</pubDate>
				<category><![CDATA[File Manager]]></category>
		<category><![CDATA[files]]></category>
		<category><![CDATA[win]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=128</guid>

					<description><![CDATA[Preamble I don&#8217;t know about you but I have come to love file managers! Not the basic junk that comes &#8230;<p><a href="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h3>Preamble</h3>
<p>I don&#8217;t know about you but I have come to love file managers!  Not the basic junk that comes with Windows (Explorer) but real file managers that afford me multiple views into my file system, multiple tabs for those views and a set of tools that help me to compress files, ftp files and even encrypt files.</p>
<p>So, this is my attempt to gather the top file managers for Windows (part 2 will cover OS X).  As with previous posts, I will list 3 to 4 file managers for Windows that I think (just my humble opinion here) are the best in the free, open-source and commercial categories.</p>
<p><strong><span style="color:#666699;"><span style="text-decoration:underline;">Side</span></span></strong>:  If you are looking for a review of Linux file managers here is a post on the <strong>Echoes</strong> blog: <a href="http://vivapinkfloyd.blogspot.com/2008/07/9-file-managers-for-linux.html" target="_blank"><strong>9 File Managers for Linux</strong></a> also here is a great post on <strong><a href="http://168hours.wordpress.com/2008/08/18/10-total-commander-alternatives-for-linux/" target="_blank">10 Total Commander Alternatives for Linux</a></strong>.</p>
<p>As I am writing this I am finding that there is so much information to communicate about each file manager that it would set a record for the world&#8217;s longest post (well, maybe!) so, I am going to limit my review to several key features (dual pane, multi-tabbed, icon overlay, built in compression and compression navigation, intuitive to use, background operations, simple to config, ftp, favorites and built-in viewers) that are important to me when I am coding and working with source code, folders, etc.  Even so it is going to be somewhat long but I do hope it will be of value.   <span style="text-decoration:underline;">Small note</span>:  I chose to go with a 1 to 5 star rating for the Tidbits based on my opinion of how useful any given feature might be.</p>
<p>Let me just state that these are my picks for file managers and are not influenced by any of the vendors/creators of the file managers that will be reviewed.  Please take the time to leave comments and let  me know what your favorites are and also give it to me straight when you have information that will clarify or correct this post.</p>
<p><span id="more-128"></span></p>
<h3>Contents</h3>
<p><strong><a href="#total_commander">Total Commander</a></strong></p>
<p><strong><a href="#explorerxp">ExplorerXP</a></strong></p>
<p><strong><a href="#free_commander">Free Commander</a></strong></p>
<p><strong><a href="#servant_salamander">Servant Salamander</a></strong></p>
<p><strong><a href="#other">Other File Managers</a></strong></p>
<p><strong><a href="#recommendation">Recommendation and Comments</a><br />
</strong></p>
<h3>Windows File Managers</h3>
<h3><a name="total_commander" href="http://www.ghisler.com/" target="_blank">Total Commander</a></h3>
<p>Platform: Windows<br />
Type: Dual Pane, Multi-Tabbed<br />
Price: $38.00</p>
<p>I confess!  I have used total commander since v5 or so and even though I have tried all of these file managers I always seem to gravitate back to Total Commander.  I am not especially fond of the look of the UI as it appears a bit datad but I have few complaints about the functionality as I have rarely found a reason to go outside to Explorer or other file managers.  The one exception (and this has become an irritant) is when I want to go to a network uri within Total Commander (ie. \\networkvol\folder) as it does not seem to do this without drive mapping.</p>
<p><img loading="lazy" data-attachment-id="155" data-permalink="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/total_commander/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png" data-orig-size="800,600" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Total Commander screen shot" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=529" class="alignnone size-full wp-image-155" title="Total Commander screen shot" src="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=529" alt="Total Commander screen shot"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=662&amp;h=496 662w, https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=150&amp;h=113 150w, https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=300&amp;h=225 300w, https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png?w=768&amp;h=576 768w, https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png 800w" sizes="(max-width: 662px) 100vw, 662px" /></p>
<p>Includinge the tidbits below, there are a few features that are very helpful to me when I am working such as the ability to save the state of the current tabs in both the left and right panes to a label that is available from the * drop down menu on the navigation bar above the file list.  Next to that is a drop down (for each pane) that lists the history of your navigations through you file system &#8211; sweet!</p>
<p>When it comes to working with projects I find that I have several of them going at the same time and having the ability to keep multiple tabs open into those various project folders is very handy indeed.  Finally, I really like the various views that each pane can have from brief, detailed, thumbnail view (nice for images) and a treeview.  Mostly I find that brief or detailed views fit my needs 95% of the time.</p>
<p>A bit of an oddity if you are an Explorer user is the list of command buttons at the bottom (that&#8217;s what I call them) with a few of the most common functions mapped to function keys such as F5 to Copy files, F6 to move files and F7 to create folders (F7 is very handy as I hate right clicking in Explorer to navigate to the New folder option).</p>
<p>When it comes to File management features I find that time and again I use the built in ability to navigate into most compression archive a must.  I can&#8217;t tell you how many times I simply navigate into an old archive, right click on a file and select view (great for looking at source code files for that one snippet that I coded months ago) to peek into the file with the built in file viewer &#8211; that is plain cool to me.  I often find myself viewing log files that log4net generates and using the view feature in Total Command is seamless and customizable.</p>
<p>I could go on (probably best to dump the help file into here if I do) and I will but just for a few more features.  I have used several FTP managers and I keep going back to the built in FTP manager as it is simple, fast and saves my FTP sites ready for access &#8211; very handy for uploading files to my web sites.  Finally, just touching on the file features I find that the ability to split and combine files (and I know this is dated back to floppy days) can be handy and there are also features to encode/decode as well as generate/verify CRC&#8217;s for files.  Oh, a really cool feature is the ability to run Total Commander from you standard USB drive &#8211; that&#8217;s nice in those situations where you go to a contract but can&#8217;t install your &#8216;tools&#8217;.</p>
<p>As I indicated earlier, I find the UI to be quite dated and while every feature is availabe via menu and probably the toolbar I find the toolbar configuration to be a bit confusing to me &#8211; I guess I am a drag and drop setup guy and most likely I need to get a bit of learning in this area.  I also find that when I am running multiple background options that pausing and canceling a background operation is sluggish but that is most likely attributed to how Windows handles &#8216;multi-tasking&#8217;.  The other irritation is the navigation of URI&#8217;s and that&#8217;s a real pain which I overcome by mapping a drive to common URI&#8217;s.  Lastly, I would really like to have the ability to split each pane horizontally and give a tab a label for that split pane.  Those are a few con&#8217;s but not real show stoppers in my opinion.</p>
<p>Well, that&#8217;s enough from me on Total Commander and I know I left out tons of other features but that&#8217;s what the help file is for and hopefully you will discover many other features I did not cover.</p>
<p><strong>NOTE</strong>:  There is a new beta version, v7.5, out and you can read about it <a href="http://www.ghisler.com/750beta2.htm" target="_blank"><strong>here</strong></a> &#8211; this version is not covered in this review, only the latest released version.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Multi-tabbed <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Intuitive to use <strong> ***</strong></li>
<li> Background operations <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Favorites <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"><strong> ****</strong></span></li>
</ul>
<h3><a name="explorerxp" href="http://www.explorerxp.com/" target="_blank"> ExplorerXP</a></h3>
<p>Platform: Windows<br />
Type: Tree based, Multi-Paged, Multi-Tabbed<br />
Price: Free as in Non-Commercial use</p>
<p>ExplorerXP is a bit different for me in terms of how tabs work and how you can simulate panes (folders is the name for them).  If you maximize a folder then each tab shows the single view set by the treeview on the left but you can tile the folders so that you can view each side by side, cascaded, etc,.  while it&#8217;s different for me I can see how with a large screen it would be kind of cool having, say, 6 different views tiled so you can see each at the same time &#8211; nice.</p>
<p><img loading="lazy" data-attachment-id="152" data-permalink="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/explorerxp_filemanager/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png" data-orig-size="933,682" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="ExplorerXP screen shot" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=529" class="alignnone size-full wp-image-152" title="ExplorerXP screen shot" src="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=529" alt="ExplorerXP screen shot"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=749&amp;h=547 749w, https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=150&amp;h=110 150w, https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=300&amp;h=219 300w, https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png?w=768&amp;h=561 768w, https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png 933w" sizes="(max-width: 749px) 100vw, 749px" /></p>
<p>I have been trying to find a way to save all the open &#8216;tabs&#8217; and I discovered that is (at least) one feature of Groups.  You can save the folders to a group to pull up later.  The Group feature does take up room but solves the issue of saving state for your folders nicely.  I did notice that when I tried to save the current open folders as a group and picked the name of an existing group to save to but it did not seem to do anything as I could not open the folders using the group afterwards.</p>
<p>ExplorerXP seems pretty fast and responsive even when I had multiple folders open in different tabs.  I also liked the simplicity of it which means I don&#8217;t have to take forever to learn most of the features so I can be productive right away.  Fewer features also means I have less to say which is fine so I will leave off this one with the following things I would like to see in ExplorerXP:</p>
<ul>
<li>Give me the ability to navigate to previous folders WITHIN a folder pane (ie.. no [..] or up arrow) &#8211; you have to use the tree view to navigate back up though you can use Ctrl-Page-Up to navigate via keyboard or the main toolbar.</li>
</ul>
<ul>
<li>All the rage is online help which minimizes updates and redistributions.  I get that but a local Help file is nice so I can be offline and learn about how to use the file manager.  A local web page with shortcut keys is not enough.</li>
</ul>
<ul>
<li>I am certain the context menu offers other features but I can&#8217;t see it (I am running Vista) though a menu does pop up I can&#8217;t read the menu items at all.  If you have a way to correct this or can tell me what I am doing wrong (besides running Window&#8217;s itself) then please let me know.</li>
</ul>
<p>Finally, I am certainly open to correction on any of my perceptions about how things work in this (or any) file manager &#8211; this has just been my experience.  I can say that this is a good overall file manager and, being free, that makes it a good thing.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li> Dual pane <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Multi-tabbed <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"><strong> ***</strong></span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> ***</strong></span></li>
<li> Background operations <span style="color:#ff6600;"><strong> **</strong></span></li>
<li> Simple to config <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"> <strong>*</strong></span></li>
<li> Favorites <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"> <strong>*</strong></span></li>
</ul>
<h3><a name="free_commander" href="http://www.freecommander.com/" target="_blank">Free Commander</a></h3>
<p>Platform: Windows<br />
Type: Dual Panet<br />
Price: $39.95</p>
<p>Free Commander seems to be a clone to Total Commander and is a nice alternative given it is free.  Although when I use it I don&#8217;t get the same features that I have grown accustomed to such as background file options and FTP but I may have missed something when using it so any additional info would be great.</p>
<p><img loading="lazy" data-attachment-id="153" data-permalink="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/freecommander/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png" data-orig-size="769,690" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Free Commander screen shot" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=529" class="alignnone size-full wp-image-153" title="Free Commander screen shot" src="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=529" alt="Free Commander screen shot"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=671&amp;h=602 671w, https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=150&amp;h=135 150w, https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=300&amp;h=269 300w, https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png?w=768&amp;h=689 768w, https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png 769w" sizes="(max-width: 671px) 100vw, 671px" /></p>
<p>I really like the built in File Viewer which has a lot of nice options including the ability to host plugins which could make it more useful but I did not install any (yet!).</p>
<p>Some of the features I like to use such as Checksums, Pack/Unpack, Split/Unsplit are available though I don&#8217;t find the split so useful anymore but that&#8217;s just me.  One other feature that I think is cool is the Multi-Rename which is very handy when I want to rename a set of files as backup, etc.</p>
<p>Free Commander has a nice search feature for files and as well as content within files which saves me from using a grep tool to find source files that have certain functions within them.</p>
<p>A folder favorites feature exists but is not available from button on each pane and no facility when initially adding a favorite to save the inactive pane path along with the active pane but you can edit the favorites and add a folder for the inactive pane after the fact &#8211; it would be a simple thing to add a checkbox to ask if you want to save the inactive pane as well&#8230;</p>
<p>Finaly, before we get to the Tidbits here are a few features I really like in a file manager but did not find: <strong>1)</strong> No background file processes which, for me, makes a big difference when organizing source trees, downloads, etc; <strong>2)</strong> I could not find the help file which might be available as a language specific download but why not add it to the installer?; <strong>3)</strong> Thought there is compression navigation I found it could not navigate into into a 7-Zip file but it also did not find the 7-Zip file association though I do have it installed (<strong>NOTE</strong>:  this is an issue with Vista and not Free Commander &#8211; sometimes Vista is a real bummer!); <strong>4)</strong> Finally, I really like having a Command bar on the bottom but that&#8217;s probably just because I am used to that with Total Commander however, I do think a command line built into the main window is a real feature I like but it is missing from Free Commander.</p>
<p>I would recommend Free Commander for just about any file management tasks you might need especially since it is free and having your file manager minimized in the system tray until you need it is a pretty cool feature.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Multi-tabbed <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Compression w/ navigation <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> ***</strong></span></li>
<li> Background operations</li>
<li> Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp</li>
<li> Favorites <span style="color:#ff6600;"><strong> **</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"><strong> *****</strong></span></li>
</ul>
<h3><a name="servant_salamander" href="http://www.altap.cz/" target="_blank">Servant Salamander</a></h3>
<p>Platform: Windows<br />
Type: Dual Pane<br />
Price: $32.95+ (various addons extra)</p>
<p>What kind of a name is Servant Salamder?  I don&#8217;t know but I do like this file manager for file management jobs (until I need folder tabs then it&#8217;s back to Total Commander).  I have to say the UI on this one is very nicely done (kudos for taking time to make the icons and the chrome on Servant Salamander nice) and I really enjoy the responsiveness of all of the file operations.  Given that, plus the features I list below, I would be totally happy with is for my main file manager but it does not have the one thing I use a lot: you guessed it, tabs.</p>
<p><img loading="lazy" data-attachment-id="154" data-permalink="https://codertools.wordpress.com/2009/05/02/file-managers-part1-windows/salamander_filemanager/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png" data-orig-size="917,691" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="Servant Salamander screen shot" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=529" class="alignnone size-full wp-image-154" title="Servant Salamander screen shot" src="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=529" alt="Servant Salamander screen shot"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=683&amp;h=514 683w, https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=150&amp;h=113 150w, https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=300&amp;h=226 300w, https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png?w=768&amp;h=579 768w, https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png 917w" sizes="(max-width: 683px) 100vw, 683px" /></p>
<p>As with all the others, you can navigate zip files but you can also navigate into 7-zip (7z) files with the included 7-Zip plugin which is really cool since I use 7-Zip all the time.</p>
<p>I like having as many of my tools in the system tray as possible since I run multiple windows with Deskwin (system tray is visible in all windows) and Servant Salamander worked great in this regard and you can even have different colored icons in the tray (I know, you are getting your credit card out right now, right?) but there is no real shortcut menu from the icon as it is just really a toggle of the view.</p>
<p>The internal viewer is pretty good though I did not like it as much as I liked Free Commander&#8217;s however, you can also configure external viewers and editors which means you cna use just about any editor (notepad2 comes to mind) as a quick viewer.</p>
<p>Configuration is extensive which is good and bad depending on how much time you want to spend on configuration of each feature.  Additionally, there is extensive plugin configuration with each plugin having its own configuration dialog.</p>
<p>Background operations are automatic with abiity to minimize progress dialog.  The ability to abort operations is very responsive, almost instantly which makes this feature nicer than Total Commanders.</p>
<p>There is a compare directory feature but I could not figure out how to make it work properly (perhaps I need training!)</p>
<p>Finally, let&#8217;s cover the plugins. There are a ton of plugins that come with the basic edition and few more (Image Viewer + one other I think) come with the advanced edition.  Notable in my mind are the following plugins:  FTP, 7-Zip, Checksum, Encryption, File Compare, Renamer and ISO (I could not get the ISO plugin to work but that&#8217;s probably user error).  I think you would find that the plugins are a very nice addition and the way they are implemented is virtually seamless.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Dual pane <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Multi-tabbed</li>
<li> Icon overlay <span style="color:#ff6600;"><strong> ***</strong></span> (by configuration)</li>
<li> Compression w/ navigation <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Intuitive to use <span style="color:#ff6600;"><strong> ***</strong></span></li>
<li> Background operations <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Simple to config <span style="color:#ff6600;"><strong> ****</strong></span></li>
<li> Ftp <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Favorites <span style="color:#ff6600;"><strong> *****</strong></span></li>
<li> Built-in viewers <span style="color:#ff6600;"><strong> *****</strong></span></li>
</ul>
<p><a name="other"></a></p>
<h3>Other Win File Managers you may wish to consider</h3>
<p>I looked at the following but just can&#8217;t get myself to commit to them as daily tools to add to my software developmen kit.  I realize that by excluding some anad including others as my top picks I am most likely overlooking some features that MAY make the following file managers seem better than those above but since this is subjective with respect to MY requirements I would suggest that the following just don&#8217;t fit my needs.</p>
<p><strong><a href="http://www.nomad-net.info/" target="_blank">Nomad.Net</a></strong> &#8211; This is a new file manager to me that I am just starting to look at.  This is one of the few File Managers written entirely in .Net.</p>
<p><strong><a href="http://www.farmanager.com/" target="_blank">Far</a></strong> &#8211; A console based file manager with mouse interaction and a ton of plugins.  I have heard <a href="http://www.ztree.com/index.html" target="_blank"><strong>ZTreeWin</strong></a> is a similar type of file manager with many more features but it is commercial as opposed to Far which is open source. <strong> </strong></p>
<p>Platform: Windows<br />
Type: Dual Pane, Console Based<br />
Price: Free as in Open Source</p>
<p><a href="http://www.coastline-software.com/?gclid=CKu3s6bEoJoCFRIcawod4EeU9Q" target="_blank"><strong>XFile</strong></a> &#8211; A console (text mode) based file manager modeled after the now defunct XTree.  I actually liked this better than ZTreeWin as it is very easy to use and configure.  There is a free version (XFile Lite) which only works for your main C:\ drive but given it&#8217;s free and I work from the root drive a lot I have no complaints.</p>
<p>Platform: Windows<br />
Type: Single Tree Pane with Detail Pane, Console Based<br />
Price: $24.90</p>
<p><strong><a href="http://www.xyplorer.com/" target="_blank">XYplorer</a></strong> &#8211; Seems similar to ExplorerXP with a different twist on the tab features.</p>
<p>Platform: Windows<br />
Type:  Multi-Tabbed, Single-Pane<br />
Price: $24.95 (current version) / $44.95 (lifetime)</p>
<p><strong><a href="http://www.frigate3.com/" target="_blank">Frigate</a></strong> &#8211; This was one of my top picks but apparently after running it a few times you don&#8217;t have access to all the features (plugins) until you register.  I can understand that after 30 days or so but not after 10-15 days.  So, since every major feature is a plugin I could not review it unless it was by memory.  I do encourage you to check it out.</p>
<p>Platform: Windows<br />
Type: Multi Dual Pane Tabs<br />
Price: $24.95 (standard) / $39.90 (pro)<br />
<a name="recommendation"></a></p>
<h3>Recommendation</h3>
<p>Like many software tools, File Managers usually have a ton of features that could be evaluated but then I don&#8217;t have time to write a book about File Managers so picking a few important features seems like the best approach to begin with.</p>
<p>I did admit I own Total Commander and also Servant Salamander and to some degree daily usage skews my viewpoint.  But as I have used the file managers I reviewed I have come to the conclusion that all of the other file managers (including the ones I did not review in detail) offer compelling reasons that could make them useful.</p>
<p>One thing I did notice is that the Free/Open Source file managers tend to offer less of a breadth of features and more of a choice selection of what is needed to manage files.  I tend to look at this as if I were reviewing word processors and Word was one of the programs and AbiWord was another.  Both are word processors but where Word is akin to owning every tool around and AbiWord is like owning a screwdriver, hammer, pliers, screwdriver and crescent wrenth:  the basics that are needed.  The file managers above seem to reflect my little analogy (at least somewhat) and so I have to say that my recommendations fall into two different categories:  the file manager with every feature and the file manager that gets the job done (I know, why did it take a paragraph to say that?).  So here goes:</p>
<p><strong><span style="text-decoration:underline;">Full Featured</span></strong>: In my mind, even though I own Total Commander (or perhaps becauseI do) I still find it has just about every feature I could ever want to use when it comes to managing my source and other files.</p>
<p><strong><span style="text-decoration:underline;">Functionality Featured</span></strong>: I have to say this was a tough one because I like ExplorerXP and I like Free Commander but if I am looking for basic functionality then I have to go with ExplorerXP.  Free Commander is just about even in my book but if I am going to use a Total Commander (or Midnight Commander if you remember that) clone I may as well pony up the few bucks and buy Total Commander to get the full feature set so I have to choose ExplorerXP.</p>
<h3>In Closing</h3>
<p>This review thing is tougher than it looks because it is so time consuming to install every tool, work with it and come up with some criteria.  My partner in crime on this blog, Trent, can testify to that.  This is my way of saying that I try to balance time and return on investment in terms of value I can offer to those who are reading this.  Given that I am sure that I left out a ton of feautures for every file manager and that was intentional as I am trying to give an honest review of the features I need/want when developing software.  So, if anyone has any compelling information/features they would like me to add then let me know and I will put it into this post (unless it&#8217;s the content from the respective file manager websites and in that case the links to each site should serve).</p>
<p>Thanks for reading this review.  Look for Part 2 which is File Managers for OSX.</p>
<p><span style="color:#333399;"><em><strong>Tab</strong></em></span></p>
<p><span style="color:#333399;"><em><strong><br />
</strong></em></span></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/05/total_commander.png" medium="image">
			<media:title type="html">Total Commander screen shot</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/05/explorerxp_filemanager.png" medium="image">
			<media:title type="html">ExplorerXP screen shot</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/05/freecommander.png" medium="image">
			<media:title type="html">Free Commander screen shot</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/05/salamander_filemanager.png" medium="image">
			<media:title type="html">Servant Salamander screen shot</media:title>
		</media:content>
	</item>
		<item>
		<title>Quick Tool Review &#8211; LINQPad</title>
		<link>https://codertools.wordpress.com/2009/04/26/quick-tool-review-linqpad/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Mon, 27 Apr 2009 02:21:56 +0000</pubDate>
				<category><![CDATA[.Net]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[LINQ]]></category>
		<category><![CDATA[editor linq .net]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=131</guid>

					<description><![CDATA[As a .Net developer during my working hours I have come to love working with the latest bits including LINQ. &#8230;<p><a href="https://codertools.wordpress.com/2009/04/26/quick-tool-review-linqpad/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>As a .Net developer during my working hours I have come to love working with the latest bits including LINQ.  I do not profess to be an expert at using LINQ however I am getting better at working with it all the time in part due to the use of LINQPad.  LINQPad is a great tool to help you build any type of queries with LINQ.  The purpose of this post is to get you to take a look at LINQPad and see if it might be of help to you.</p>
<p>I first found LINQPad when I was looking for more information on the C# in a Nutshell book, found the <a href="http://www.albahari.com/nutshell/" target="_blank"><strong>author&#8217;s website</strong></a> for the book and found LINQPad on the Extras page &#8211; that a tool existed just for working with LINQ was pretty awesome!</p>
<p>Let me add this is not a sales job here so when it comes time to talk about the upgrade you wont&#8217; think I am pitching&#8230;</p>
<p>LINQPad can be found <a href="http://www.linqpad.net/" target="_blank"><strong>here</strong></a>.</p>
<p><span id="more-131"></span></p>
<p>Here is what LINQPad looks like (I linked to the Author&#8217;s site to ensure I get the latest snapshot):</p>
<p><img class="alignnone" title="LINQPad Snapshot" src="https://i0.wp.com/www.linqpad.net/linqpadscreen.png" alt="" width="703" height="588" /></p>
<p>LINQPad offers the ability to enter (in C# or VB) LINQ statements, LINQ Expressions as well as SQL statements (there are other options that I will cover in a later post in detail).  You can also connect to a SQL Server DB (Express or Compact Edition) and with a connection to your LINQ Data Contect component (if you have built one) you can perform queries right against your data with LINQ &#8211; that&#8217;s excellent!</p>
<p>I will also say that there are a ton of great examples on various uses of LINQ &#8211; more than enough to get up and running.</p>
<p>Besides the true value of LINQPad I really like the implementation in terms of updates &#8211; it&#8217;s pretty nice to load up your application and have it tell you that it HAS been updated and you need to restart with no fuss and no muss.</p>
<p>The free version of LINQPad is great but it can be much better with Autocompletion (actually essential!) which you can buy for a measly $19 so I did and it is worth it.  <a href="http://www.linqpad.net/Purchase.aspx" target="_blank">Here is the info on Autocompletion</a>.</p>
<p>Finally, <a href="http://oreilly.com/pub/e/1295" target="_blank"><strong>here</strong></a> is a great webcast with one of the author&#8217;s, Joseph Albahari, on the latest updates to LINQPad with respect to the Entity Framework.</p>
<p>So, I hope I at least got your interest going and if you use LINQPad and find it valuable consider spending a few dollars on the Autocompletion feature to keep this great tool moving forward but even if you don&#8217;t I think you will find good value with LINQPad.</p>
<h3>Links to other LINQPad articles</h3>
<p><a href="http://www.west-wind.com/Weblog/posts/319003.aspx" target="_blank">LINQPad as a code snippet execution engine</a> (<strong>Rick Strahl&#8217;s Blog</strong>)</p>
<p><a href="http://www.infoq.com/news/2009/02/linqpad" target="_blank">Master LINQ with LINQPad</a> (<strong>Info Q</strong>)</p>
<p><a href="http://weblogs.asp.net/dwahlin/archive/2008/03/17/want-to-learn-how-to-use-linq-check-out-linqpad.aspx" target="_blank">Want to learn how to use LINQ? Check out LINQPad</a> (<strong>Dan Wahlin&#8217;s Blog</strong>)</p>
<p><a href="http://www.dzone.com/links/search.html?query=linqpad&amp;x=0&amp;y=0" target="_blank">All Articles on DZone for LINQPad</a></p>
<p><span style="color:#0000ff;">Up next&#8230;. File Managers!</span></p>
<p><span style="color:#000080;"><strong><em>Tab</em></strong></span></p>
<p><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f04%2f26%2fquick-tool-review-linqpad%2f"><img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f04%2f26%2fquick-tool-review-linqpad%2f" border="0" alt="kick it on DotNetKicks.com" /></a></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="http://www.linqpad.net/linqpadscreen.png" medium="image">
			<media:title type="html">LINQPad Snapshot</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f04%2f26%2fquick-tool-review-linqpad%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>How to capture it, let me count the ways..</title>
		<link>https://codertools.wordpress.com/2009/04/12/how-to-capture-it-let-me-count-the-ways/</link>
		
		<dc:creator><![CDATA[Trent]]></dc:creator>
		<pubDate>Mon, 13 Apr 2009 06:55:13 +0000</pubDate>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Image Capture]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[screen capture]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=84</guid>

					<description><![CDATA[Preamble Who doesn&#8217;t need to take a screen capture of their desktop content from time-to-time? Whether you are working on &#8230;<p><a href="https://codertools.wordpress.com/2009/04/12/how-to-capture-it-let-me-count-the-ways/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>Preamble</p>
<p>Who doesn&#8217;t need to take a screen capture of their desktop content from time-to-time?  Whether you are working on technical documentation, sharing a web page, annotating requirements ow what have you the windows (Alt + Print Screen) built-in functionality just does not cut it. However if this is just the functionality that you require and you do not have the time or interest to learn, to install, to have another tool here is a good <a href="http://graphicssoft.about.com/cs/general/ht/winscreenshot.htm">tutorial</a></p>
<p>With that being said, there are a number of very cool utilities out there that can assist you.  For this review I will be covering the following utilities:</p>
<table border="0" width="500" align="center">
<tbody>
<tr valign="top">
<td>[windows]<br />
<a href="#Cropper">Cropper</a><br />
<a href="#Greenshot">Greenshot</a><br />
<a href="#SnagIt">SnagIt</a><br />
<a href="#UltraSnap">UltraSnap</a><br />
<a href="#MWSnap">MWSnap</a><br />
<a href="#SnippingTool">Vista Snipping Tool</a></td>
<td>[browser]<br />
<a href="#Fireshot">Fireshot</a><br />
<a href="#CaptureFox">Capture Fox</a><br />
<a href="#Screengrab">Screengrab</a><br />
<a href="#DashBlog">DashBlog</a></p>
<p>[mac]<br />
<a href="#skitch">skitch</a><br />
<a href="#LittleSnapper">LittleSnapper</a></td>
</tr>
</tbody>
</table>
<p>Feel free to add any additional utilities by way of the comments and we will happily evaluate and review the functionality offered.</p>
<p><span id="more-84"></span></p>
<p>Review</p>
<p><a name="Cropper" href="http://cropper.codeplex.com/">Cropper</a></p>
<p><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=cropperui.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_cropperui.png" border="0" alt="screen capture" /></a>Cropper is a very simple application that resides in your system tray.  This one is a challenge to capture a screen capture. Attempting to use a screen capture tool to capture another screen capture tool proves to be quite a challenge for this application.  The window for Cropper looks like an opaque overlay that has a handle providing the capture dimensions with a border to constrain the image to be captured.</p>
<p>The outputs also include features to send to OneNote, Flickr, Amazon S3, email and TinyPic hosted image.  The application also has built-in support for thumbnail generation which can come in handy.</p>
<table border="0" cellspacing="2" cellpadding="2" width="500" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=c_capturesettings.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_c_capturesettings.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=c_appearancesettings.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_c_appearancesettings.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=c_outputsettings.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_c_outputsettings.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=c_pluginsettings.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_c_pluginsettings.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<p>The application also supports plug-ins.  To date these plug-ins include Amazon S3, Flickr and send to email.</p>
<blockquote><p>price: free (open source)</p>
<p>format: .gif, .avi, .bmp, .jpg, .png</p></blockquote>
<p><a name="Greenshot" href="http://greenshot.sourceforge.net">Greenshot</a></p>
<p>Greenshot is a tray resident tool that offers functionality by way of hot keys or the context menu.  <a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=gs_imageEditor.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_gs_imageEditor.png" border="0" alt="screen capture" /></a>The default setting for a screen capture results in the opening of the Greenshot image editor.  The image editor allows for the printing and saving of the captured image as well as some additional annotation tools.  The benefit here of course is that you can make your notes on the image and then save it to it&#8217;s final output.  The productivity here is fantastic since many screen capture tools in the past have required that you open the image and then resort to some other tool to &#8220;enhance&#8221; the screen capture.  The objects that can be inserted in to the capture include rectangles, ellipse, line, arrow, textbox.  In addition to these objects you can also control the object&#8217;s appearance through line color, line thickness and object arrangement.</p>
<table border="0" cellspacing="2" cellpadding="2" width="400" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=gs_general.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_gs_general.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=gs_output.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_gs_output.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<p>The application contains a number of useful key bindings that enable you to capture the images while you are working.  Other screen capture applications require that you activate the application and then perform the capture.  By using the keyboard shortcuts, you can capture a region by hitting the &#8220;Print&#8221; key and choosing the capture region with your mouse.  You can also use *window mode* by pressing Alt + Print to capture the active window and finally you have the option of Fullscreen by pressing Ctrl + Print.</p>
<p>If you are cataloging series of screen captures you can bypass the image editor feature.  To do this you uncheck the feature to open in the editor and save to a directory.  I especially like this feature as it allows you to quickly work through a document or website capturing images and then organize them in your document.</p>
<blockquote><p>price: free (paypal)</p>
<p>format: .bmp, .jpeg, .png, .gif</p></blockquote>
<p><a name="SnagIt" href="http://www.techsmith.com/screen-capture.asp">SnagIt</a></p>
<p>SnagIt allows you to capture anything you see on the screen. Edit and combine those captures. Share them via your favorite applications. Organize and find them again later.</p>
<p>Read a comprehensive <a href="http://www.writersua.com/articles/capturetools/index.html#snagit">review</a></p>
<blockquote><p>price: $49.95 US</p></blockquote>
<p><a name="UltraSnap" href="http://www.mediachance.com/ultrasnap/">UltraSnap</a></p>
<p><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=us_mainWindow.png" target="_blank"><img style="float:right;padding-top:10px;padding-left:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_us_mainWindow.png" border="0" alt="screen capture" /></a>This screen capture application can be an active window or set by way of preferences to be hidden and resident in the system tray.  By way of the context menu it offers the same features for capturing a region, window, full screen or repeat last capture as that of Greenshot.  The image editor that is provided is quite robust and offers features by way of the settings menu to configure Hot Keys.  The image editor contains many of the tools that you come to expect from Paint.Net or Paintshop.  There is also extensibility built into the editor by way of the plug-ins option.</p>
<table border="0" cellspacing="2" cellpadding="2" width="300" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=us_advsettings.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_us_advsettings.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=us_hotkeys.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_us_hotkeys.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=us_editfeatures.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_us_editfeatures.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<blockquote><p>Full <a href="http://www.mediachance.com/ultrasnap/features.htm">feature</a> list</p>
<p>price: $38 US</p>
<p>format: .bmp, .jpg, .gif, .png</p></blockquote>
<p><a name="MWSnap" href="http://www.mirekw.com/winfreeware/mwsnap.html">MWSnap</a></p>
<p>The install was very straight-forward and painless.  I was a little surprised after firing up the application as my initial impression was that of a throwback from VB4 days.<br />
<a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=mws_maininterface.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_mws_maininterface.png" border="0" alt="screen capture" /></a></p>
<p>After spending a couple minutes fiddling with the settings and functionality I was blown away as I was clearly working with the Swiss Army knife of screen capture utilites.</p>
<table border="0" cellspacing="2" cellpadding="2" width="300" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=general.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_general.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=autoSaving.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_autoSaving.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=hotKeys.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_hotKeys.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<p>Not only does the application capture the standard formats (see below) using the standard methods but offers a wide array of additional functionality:</p>
<ul>
<li>auto-print</li>
<li>auto-save</li>
<li>hotkeys</li>
<li>window info &#8211; feature provides the left and top position and dimensions of the selected window, window text, window class name, and window handle</li>
<li>color picker &#8211; feature provides the ability to create a palette of 10 color selections with many levels of zoom along with a color information window providing the color values (RGB, HTML, Delphi, System)</li>
<li>zoom &#8211; feature allows you to zoom in on any area of interest</li>
<li>ruler &#8211; feature allows you to measure any object on the screen in pixels either vertically or horizontally</li>
<li>image viewer &#8211; feature allows you to view all of the listed output formats and two additional formats (.wmf and .ico)</li>
<li>missing feature is the get-a-cup-of-coffee</li>
</ul>
<blockquote><p>price: free (paypal donation)</p>
<p>format: .bmp, .jpg, .gif, .png, .tiff</p></blockquote>
<p><a name="SnippingTool">Windows Vista Snipping Tool</a></p>
<p><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=vistaSnip.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_vistaSnip.png" border="0" alt="screen capture" /></a>Vista has stepped up the screen capture capability quite a bit.  To access the Vista snipping tool, click on the Start Menu and start typing &#8220;snipping&#8221; into the search box.  The Snipping Tool should show up in the Programs list above the search box, and you can click on it to start it.</p>
<p>Instructions on usage are contained in this simple <a href="http://graphicssoft.about.com/od/microsoft/ht/snippingtool.htm">tutorial</a></p>
<blockquote><p>price: free (you pay the vista tax)</p>
<p>format: .jpg, .png, .gif, .mht</p></blockquote>
<hr />
<p>[mac]</p>
<p><a name="skitch" href="http://plasq.com/skitch">skitch</a></p>
<p>Highlights</p>
<ul>
<li> Snap a website</li>
<li> Capture a chat moment</li>
<li> Screenshot an application</li>
<li> iSight snap your bad hair day</li>
<li> Quickly sketch an idea</li>
<li> Tap into your iPhoto Library</li>
<li> Re-open images from your Skitch History</li>
</ul>
<p>Read an existing <a href="http://theappleblog.com/2009/01/21/say-cheese-3-screen-capture-tools-reviewed/">review</a></p>
<blockquote><p>price: free (public beta)</p></blockquote>
<p><a name="LittleSnapper" href="http://www.realmacsoftware.com/littlesnapper/index.php">LittleSnapper</a></p>
<p>LittleSnapper allows you to take screenshots of an entire webpage, or specific portions of your screen in general, without cluttering your desktop with a ton of icons. It then organizes those snaps into a library where you can tag, rate and comment them.</p>
<p>Features</p>
<ul>
<li> Full webpage capture</li>
<li> Element snapping</li>
<li> Rating feature</li>
<li> Library to organize snaps</li>
<li> Support for annotation</li>
<li> Flickr and FTP support</li>
</ul>
<p>Read an existing <a href="http://theappleblog.com/2009/01/21/say-cheese-3-screen-capture-tools-reviewed/">review</a></p>
<blockquote><p>price: $39 US</p></blockquote>
<hr />
<p>[browser]</p>
<p><a name="Fireshot">Fireshot</a></p>
<p>Fireshot is the 800-pound gorilla of web capture utilities.  The capture functions provide the ability to capture the visible area, an entire page or all tabs.</p>
<div id="f_shot" style="float:left;padding-top:10px;padding-right:10px;"><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=statusBar.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_statusBar.png" border="0" alt="screen capture" /></a></p>
<p><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=contextMenu-1.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu-1.png" border="0" alt="screen capture" /></a></div>
<p>Each of these options allow you to edit, upload, save, print, copy to clipboard, email or open in external editor.  To put it bluntly, there really is not anything that you cannot do with this add-on.</p>
<p>As an added bonus, Fireshot supports not only Firefox but also Internet Explorer.  This add-on can be accessed by way of the status bar, button on the menubar or the context-menu</p>
<blockquote><p>Full <a href="http://screenshot-program.com/fireshot/features.php">feature</a> list</p>
<p>price: free (Pro version &#8211; $34.95 US)</p>
<p>format: .bmp, .gif, .jpg, .png</p></blockquote>
<p><a name="CaptureFox">Capture Fox</a></p>
<p>Capture Fox is more of a movie maker than a screen capture utility but it is useful if you <a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=capturefox.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_capturefox.png" border="0" alt="screen capture" /></a>are looking to capture the flow of a web site for demo purposes or you are looking to see how users use your site.  A nice poor man&#8217;s tool for usability testing.  The basics of this add-on include the ability to capture the entire screen or just the Firefox window.  It offers three (3) levels of quality &#8211; Low, Moderate (default) and High with the ability to record sound if you have a microphone.  Finally, the file output can be edited using alternate video editing software. Records the action from your Firefox screen only or from your whole desktop.</p>
<blockquote><p><a href="http://www.advancity.net/eng/products/capturefox.html">Author&#8217;s page</a></p>
<p>price: free</p>
<p>format: .avi</p></blockquote>
<p><a name="Screengrab">Screengrab</a></p>
<p>Screengrab is another context-menu driven add-on that is very utilitarian in its offering.  The options are to either either copy or save content.  It can get much more straight-forward than that.  Though that appears to be basic functionality you can do what the name implies &#8220;grab a screen&#8221;.  The options for a screen grab include a complete page/frame, visible portion, selection and finally window.</p>
<table border="0" cellspacing="2" cellpadding="2" width="300" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=contextMenu-2.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu-2.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=mainScreen.png" target="_blank"><img style="float:left;padding-top:10px;padding-right:10px;" src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_mainScreen.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<p>These options are identical between the copy and the save.</p>
<blockquote><p>price: free</p>
<p>format: .jpg, .png</p></blockquote>
<p><a name="DashBlog">DashBlog</a></p>
<p>DashBlog offers you the ability to capture content on the web and forward it along to your blog, vlog, twitter or what-have-you.</p>
<div id="d_shot" style="float:left;padding-top:10px;padding-right:10px;"><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=menuIcon.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_menuIcon.png" border="0" alt="screen capture" /></a></p>
<p><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=contextMenu.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu.png" border="0" alt="screen capture" /></a></div>
<p>Since this add-on offers a very simple to use web page capture feature, it warrants being included in the mix. The utility is very straight-forward and can be accessed by way of the icon in your menubar or the via the context-menu.  When using DashBlog you have the options to grab video, screenshot, &#8220;text as a quote&#8221;, images and mp3.  When capturing a screenshot, the page is selected with a gray overlay with a sidebar containing the commands available for capture and manipulation.</p>
<table border="0" cellspacing="2" cellpadding="2" width="300" align="center">
<tbody>
<tr>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=screenCapture.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_screenCapture.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=stepOne.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_stepOne.png" border="0" alt="screen capture" /></a></td>
<td><a href="http://s574.photobucket.com/albums/ss189/Coder_album/?action=view&amp;current=stepTwo.png" target="_blank"><img src="https://i0.wp.com/i574.photobucket.com/albums/ss189/Coder_album/th_stepTwo.png" border="0" alt="screen capture" /></a></td>
</tr>
</tbody>
</table>
<p>Within the screen capture you also have the ability to do some basic annotating of the selected content with the option to &#8220;save to disk&#8221; or &#8220;post&#8221;.  Available post options include the following services: tumblr, Word Press (this may come in handy), twitter and blogger (may be handy again).</p>
<blockquote><p>price: free</p>
<p>format: .png</p></blockquote>
<p>Recommendation</p>
<p>It is truly a challenge to recommend any single tool in this space as each caters to a specific audience and makes sure that their needs are being met.  The author has been a big fan of the Cropper tool over the past year but during the process of reviewing the tools and creating screen captures has been swayed to lean on Greenshot quite a bit more.  Over time, you may find that you prefer one over the other depending on the type of work that you are doing and like the ability to immediately edit a capture before saving it to its final home on disk or just needing the ability to paste from the clipboard or send to your blog in which case your usage will change.  A key point to remember if installing multiple screen capture tools is the potential keyboard mappings getting out of whack.  Please keep this point in mind if you do choose to install multiple tools.</p>
<p>For the browser based tools, if you do not mind a little slower load and bit more memory consumption then I&#8217;d just recommend installing all four (4) add-ons.  However, if you are looking for the single best tool to do the job, Fireshot is the add-on for you.</p>
<p>In closing, the best tool is the one that increases productivity.  There are so many tool options out there in this category and the only room to review a handful so below is a list of some honorable mentions.  Perhaps over time and as features are added these tools will get some space to tout their finer points to the developer community.</p>
<p>[mac]<br />
<a href="http://www.Chimoosoft.com">Capture Me</a><br />
<a href="http://projects.digitalwaters.net/index.php?q=instantshot">InstantShot!</a><br />
<a href="http://www.apple.com/downloads/macosx/video/captureit.html">CaptureIt</a></p>
<p>[windows]<br />
<a href="http://www.irfanview.com/">IrfanView</a><br />
<a href="http://wisepixel.com/">HandySnap</a><br />
<a href="http://www.faststone.org/FSCaptureDetail.htm">FastStone Capture</a><br />
<a href="http://www.etrusoft.com/">!Quick Screen Capture</a><br />
<a href="http://www.xnview.com/en/downloadwin32.html">xnView</a><br />
<a href="http://www.windowclippings.com/">Window clippings</a><br />
<a href="http://www.techsmith.com/jing/">Jing</a></p>
<p>Happy capturing!</p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/994925608456cedfb2aa567f55c4ddfafcbbd2e9f31232e67ea6270900f1140a?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">Trent</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_cropperui.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_c_capturesettings.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_c_appearancesettings.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_c_outputsettings.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_c_pluginsettings.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_gs_imageEditor.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_gs_general.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_gs_output.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_us_mainWindow.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_us_advsettings.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_us_hotkeys.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_us_editfeatures.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_mws_maininterface.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_general.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_autoSaving.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_hotKeys.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_vistaSnip.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_statusBar.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu-1.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_capturefox.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu-2.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_mainScreen.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_menuIcon.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_contextMenu.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_screenCapture.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_stepOne.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>

		<media:content url="http://i574.photobucket.com/albums/ss189/Coder_album/th_stepTwo.png" medium="image">
			<media:title type="html">screen capture</media:title>
		</media:content>
	</item>
		<item>
		<title>Quick Tool Review &#8211; GPS Visualizer (online)</title>
		<link>https://codertools.wordpress.com/2009/04/02/gps-visualizer-online/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Thu, 02 Apr 2009 15:28:13 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[gps]]></category>
		<category><![CDATA[online]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=49</guid>

					<description><![CDATA[For those who are working with GPS or interested in it this is a quick post to hopefully draw some &#8230;<p><a href="https://codertools.wordpress.com/2009/04/02/gps-visualizer-online/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>For those who are working with GPS or interested in it this is a quick post to hopefully draw some attention to this cool online tool.   <strong><strong><a href="http://www.gpsvisualizer.com/geocoding.html" target="_blank">Home Page</a></strong></strong></p>
<p><span style="text-decoration:underline;">Background</span>:  I have been working on a GPS application that would allow the users to pick their work stops from an uploaded list of waypoints to the GPS device.  So, given that I have been building the database and filling it with a minimal set of test data to start running LINQ queries against.  Then I ran into a problem:  I had the address for all of the test waypoints (real addresses) but I did not have the GPS coordinates.</p>
<p>Enter GPS Visualizer!  I was able to enter either a single street address and have it plot the point on a map AND give me the coordinates that I needed.  So I ran a single address from the &#8216;<strong>Geocode a single address</strong>&#8216; link with the following result (see red arrows for points of interest):</p>
<p><span id="more-49"></span></p>
<p><img loading="lazy" data-attachment-id="52" data-permalink="https://codertools.wordpress.com/2009/04/02/gps-visualizer-online/gps_visualizer_single_address/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png" data-orig-size="710,526" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="gps_visualizer_single_address" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=529" class="alignnone size-full wp-image-52" title="gps_visualizer_single_address" src="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=529" alt="gps_visualizer_single_address"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=480&amp;h=355 480w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=150&amp;h=111 150w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png?w=300&amp;h=222 300w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png 710w" sizes="(max-width: 480px) 100vw, 480px" /></p>
<p>Very cool! I had my GPS coordinates!</p>
<p>Next I ran all the rest of my addresses from the &#8216;<strong>Geocode multiple addresses</strong>&#8216; link with the following results  (see red arrows for points of interest):</p>
<p><img loading="lazy" data-attachment-id="53" data-permalink="https://codertools.wordpress.com/2009/04/02/gps-visualizer-online/gps_visualizer_multiple_address_entry/" data-orig-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png" data-orig-size="675,668" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="gps_visualizer_multiple_address_entry" data-image-description="" data-image-caption="" data-medium-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=300" data-large-file="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=529" class="alignnone size-full wp-image-53" title="gps_visualizer_multiple_address_entry" src="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=529" alt="gps_visualizer_multiple_address_entry"   srcset="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=480&amp;h=475 480w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=150&amp;h=148 150w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png?w=300&amp;h=297 300w, https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png 675w" sizes="(max-width: 480px) 100vw, 480px" /></p>
<p>Also very cool!</p>
<p>This is not the only tool online or offline to perform this kind of service but one of my main goals when developing is to save time by not repeating what others have done AND keep things simple.  The online tool kept things simple, did what was needed, and left me more time to focus on the other tasks.</p>
<p>I also did not explore a great deal of the site so there are other features not discussed here &#8211; I encourage you to do so.</p>
<p>Finally, given that I was so pleased to get my locations (sounds inane I know..) I decided to buy something off the developer&#8217;s Amazon wishlist.  Here is <a href="http://www.gpsvisualizer.com/" target="_blank">the link</a> to the main page with a link to Amazon on the right&#8230;</p>
<p>All in all a very cool tool!</p>
<p><strong>Update</strong>:  The owner/developer of the site says:  &#8220;the only thing I&#8217;d say is that the geocoder is a very very small part of GPS Visualizer&#8230;&#8221;</p>
<p><span style="color:#333399;"><em><strong>Tab</strong></em></span></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_single_address.png" medium="image">
			<media:title type="html">gps_visualizer_single_address</media:title>
		</media:content>

		<media:content url="https://codertools.wordpress.com/wp-content/uploads/2009/04/gps_visualizer_multiple_address_entry.png" medium="image">
			<media:title type="html">gps_visualizer_multiple_address_entry</media:title>
		</media:content>
	</item>
		<item>
		<title>SVN (Subversion) Clients and Other Tools</title>
		<link>https://codertools.wordpress.com/2009/03/24/svn-subversion-clients-and-other-tools/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Wed, 25 Mar 2009 01:59:55 +0000</pubDate>
				<category><![CDATA[SVN]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[svn client]]></category>
		<category><![CDATA[tools]]></category>
		<guid isPermaLink="false">http://codertools.wordpress.com/?p=10</guid>

					<description><![CDATA[So, this is such a massively reviewed area of software that I hesitate to repeat all the info out there already. What I have done is compile only what I consider to be the best SVN clients along with a few extras (see Bottom) and review them based on some general common factors such as ease of use, feature implementation of Subversion itself, Operating System(s), and which IDE's, if any, the client integrates with.<p><a href="https://codertools.wordpress.com/2009/03/24/svn-subversion-clients-and-other-tools/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<h3><span style="font-size:medium;"><strong>Preamble</strong></span><strong> </strong><strong> </strong></h3>
<p><span style="color:#333399;">(if you rate this I would like to read your comments about your rating)</span></p>
<p>So, this is such a massively reviewed area of software that I hesitate to repeat all the info out there already. What I have done is compile <strong>only</strong> what I consider to be the best SVN clients along with a few extras (see Bottom) and review them based on some general common factors such as ease of use, feature implementation of Subversion itself, Operating System(s), and which IDE&#8217;s, if any, the client integrates with.</p>
<p>No matter which SVN client you use (especially if you choose the command line) you would be much better off reading the O&#8217;Reilly SVN book (free online at: <a href="http://svnbook.red-bean.com/" target="_blank">Red Bean Book</a>). I can&#8217;t stress enough on how valuable the documentation is and most of it (even the book) seems well written &#8211; it&#8217;s just a lot!</p>
<p>In order to run through some basic features of the SVN clients I decided to hook up to a C# source forge project called <a href="http://feedling.sourceforge.net/">Feedling</a> (a desktop RSS reader with a plugin architecture).  Since SF supports SVN I figured this was a good fit.  I am <strong>NOT</strong> going to go through every feature but I am going to touch on the features I find important&#8230;at first. Comments or requests for more info in certain areas will drive further updates as one of my goals is to <em><strong>continue</strong></em> to update past posts with current information and/or commentary.</p>
<p>Finally,  I am <strong><span style="color:maroon;">NOT</span></strong> an SVN expert (most of my work has been with the Microsoft stack in terms of SC) but I kind of think that is a bonus as I am familiar enough with SVN to know what works for me and hopefully should work for the average developer with a general understanding of SVN.</p>
<p>(FYI: I uninstalled each package after reviewing it even if it meant having to reinstall later as in the instance of VisualSVN needing TortoiseSVN).</p>
<p><span style="color:#0000ff;"><strong><span style="text-decoration:underline;">Update </span></strong></span><span style="text-decoration:underline;">&#8211; </span><strong><span style="color:#0000ff;"><span style="text-decoration:underline;">11.11.2009</span></span></strong>: Added vendor supplied information about iVersion: a basic iPhone based SVN Utility.  See the <a href="#iversion"><strong>iVersion</strong></a><strong> </strong>section for more information.</p>
<p><span style="color:#0000ff;"><strong><span style="text-decoration:underline;">Update &#8211; 08.11.2009</span></strong></span>: Updates as follows for new version of <strong><a href="http://ankhsvn.open.collab.net/servlets/ProjectProcess?documentContainer=c1__Ankh%202.1" target="_blank">Ankh-2.1.7141</a></strong><br />
<span style="text-decoration:underline;">Changes (from above link)</span>:</p>
<ul>
<li> Update <strong>Subversion Support to 1.6.4 level</strong> to resolve CVE-2009-2411 &#8211; More information.</li>
<li>No other changes since previous release</li>
</ul>
<p><span style="text-decoration:underline;"><span style="color:#0000ff;"><strong>Update &#8211; 07.29.2009</strong></span></span>: There have been some good updates to <strong><a href="http://ankhsvn.open.collab.net/daily/" target="_blank">AnkhSVN 2.1</a></strong></p>
<p><strong><span style="color:#0000ff;"><span style="text-decoration:underline;">Update &#8211; 06.24.2009</span></span></strong>:  It would appear (I said appear) that AnkhSVN is now upgraded to work with TortoiseSVN v1.6.  I started up AnkhSVN today and it told me a major update was available which is located here:  <a href="http://ankhsvn.open.collab.net/servlets/ProjectProcess?documentContainer=c1__Ankh%202.1" target="_blank">AnkhSVN 2.1 Download</a></p>
<p><span style="color:#0000ff;"><strong><span style="text-decoration:underline;">Update &#8211; 04.28.2009</span></strong></span>: Recently the server for my repository was upgraded and required me to update <strong><a href="http://tortoisesvn.net/downloads" target="_blank">TortoiseSVN</a></strong> to v1.6.x.  That worked fine but AnkhSVN did not work so fine at all &#8211; I was getting some real quirky behavior such as files not getting checked in and when doing updates from the repository I was not getting the latest.  I am not saying that AnkhSVN was the culprit but it has not been updated to work with TortoiseSVN 1.6.x &#8211; yet!  So, you can help the AnkhSVN team by downloading the <strong>Daily Build </strong><a href="http://ankhsvn.open.collab.net/daily/" target="_blank"><strong>here</strong></a> and testing it against TortoisSVN v1.6.x.</p>
<h4><span style="color:#0000ff;"><span style="text-decoration:underline;"><strong>Update</strong></span></span>:  Based on some comments I would like to add:  It <strong>is</strong> within Windows guidelines to <strong>NOT</strong> have a link to the uninstaller in the <span style="color:#333399;">Start </span>| <span style="color:#333399;">Programs </span>| <span style="color:#333399;">Application </span>Menu and merely my personal preference.</h4>
<p><span id="more-10"></span></p>
<h3><span style="font-size:medium;"><strong>Contents</strong></span></h3>
<ul>
<li><a href="#ankh">AnkhSVN Client</a></li>
<li><a href="#rapidsvn">RapidSVN Client</a></li>
<li><a href="#tortoise">TortoiseSVN Client</a></li>
<li><a href="#visualsvn">VisualSVN</a></li>
<li><a href="#iversion">iVersion</a></li>
<li><a href="#othertools">Other SVN Tools</a></li>
<li><a href="#usethis">Recommendation and Comments</a></li>
</ul>
<h3><span style="font-size:medium;"><strong>SVN</strong> <strong>Clients</strong></span></h3>
<p><span style="font-weight:bold;font-size:small;"><a name="ankh"></a> <a href="http://ankhsvn.open.collab.net/" target="_blank">AnkhSVN</a> (<a href="http://ankhsvn.open.collab.net/servlets/ProjectProcess?pageID=PpvZJl" target="_blank">screenshots</a>)</span></p>
<p>Platform: Windows</p>
<p>Type: IDE Based =&amp;gt; Visual Studio.Net 2002/2003 (older version) &amp; 2005/2008</p>
<p>Price: <span style="color:black;">Free as in Open Source</span></p>
<p>I use AnkhSVN all of the time at my day job in VS.Net 2008 and I really like the ease of use it affords me when working inside of the IDE. All of the menu&#8217;s are context sensitive. So, for example, when you right-click on changed source file it offers the appropriate menu options.</p>
<p>After I load my Feedling project into VS.Net 2008 here is what the Solution Explorer looks like with AnkhSVN installed:</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh6.ggpht.com/_eBXl9mmUfR0/ScUhKT8vNwI/AAAAAAAAAFY/0Jf6Emc1TNs/%5BUNSET%5D.jpg" alt="" /></span></p>
<p><span style="color:black;">As you can see, every file has a checkmark next to it which indicates that the source has not changed. Kind of cool to see your file status right in the IDE!</span></p>
<p><span style="color:black;">Now, after I have added a file (see plus sign next to file) and have modified an existing file you can see that the FeedhandlerPluginInterface project is now red checked indicated a change to the project and the changed file (IFeed.cs) is now red checked as well (nice commenting in the source file by the way!) indicating the source file is changed.</span></p>
<p><img style="max-width:800px;" src="https://i0.wp.com/lh4.ggpht.com/_eBXl9mmUfR0/ScUhcGbesII/AAAAAAAAAFc/T2AChoCWJR8/%5BUNSET%5D.jpg" alt="" /></p>
<p>Unfortunately, I am screen shot challenged when it comes to showing context menus in Solution Explorer but you can find that out soon enough if you try this tool. The AnkhSVN part of the Solution Explorer context menu will offer the appropriate menu options based on changes to your project/solution.</p>
<p>The other nice thing is that you can commit all of your changes right from the Solution Explorer via the context menu and you can also update your solution to ensure you have the latest repository changes right within your solution which is just about the best: load my project, update source to repository and start coding.</p>
<p>A really nice touch is the pending changes tool window which shows all of the changes that the Solution Explorer visualizes.</p>
<p><img style="max-width:800px;" src="https://i0.wp.com/lh6.ggpht.com/_eBXl9mmUfR0/ScUhk18BBhI/AAAAAAAAAFg/7DgeWwkUCMQ/%5BUNSET%5D.jpg" alt="" /></p>
<p>In addition, there are other tool windows (not shown here but see screenshot link above) such as Repository Explorer, History Viewer and Merging Tools which give you a great deal of interaction with your repository so you most likely will not have to resort to the command line or another SVN tool unless you want to.</p>
<p>AnkhSVN simply works and it works well and that is really all I want my various software tools to do!</p>
<p>I would suggest that you install TortoiseSVN and AnkhSVN together so that you can manage your repositories from your file manager (or Repo-browser) as well as within your IDE.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>AnkhSVN also has an option to install for Visual Studio 2010 (plainly the developers of AnkhSVN are keeping up with the latest and greatest in terms of Visual Studio)</li>
<li>No uninstaller or any menu in start menu as this is really a VS.Net addin &#8211; still and installation menu would be nice for docs and uninstallation (unless I missed it?)</li>
<li>No standalone access &#8211; purely VS.Net IDE integration</li>
</ul>
<p><span style="font-weight:bold;font-size:small;"><a name="rapidsvn"></a> <a href="http://rapidsvn.tigris.org/" target="_blank">RapidSVN </a>(<a href="http://rapidsvn.tigris.org/screenshots.html" target="_blank">screenshots</a>)</span></p>
<p>Platform: Cross-platform (Windows, Mac OS X, Linux and others)</p>
<p>Type: Standalone</p>
<p>Price: <span style="color:black;">Free as in Open Source</span></p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh3.ggpht.com/_eBXl9mmUfR0/ScUh8ZtkryI/AAAAAAAAAFk/cP0JymHW4KI/%5BUNSET%5D.jpg" alt="" /></span></p>
<p><span style="color:black;">Connecting to a repository is completed by adding a bookmark. In my case, that means adding an existing repository located here:</span> <a href="https://feedling.svn.sourceforge.net/svnroot/feedling" rel="nofollow">https://feedling.svn.sourceforge.net/svnroot/feedling</a> feedling.</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh5.ggpht.com/_eBXl9mmUfR0/ScUi8zp082I/AAAAAAAAAFo/D1i7vtozDB4/%5BUNSET%5D.jpg" alt="" /></span></p>
<p>I attempted to do this twice with and without the feedling at the end of the URL with no success at all (this worked the first time with TortoiseSVN). What I received in the status message at the bottom was:</p>
<p><strong><span style="color:grey;"> Error: Error while updating filelist (PROPFIND request failed on &#8216;/svnroot/feedling%20feedling&#8217;</span></strong></p>
<p><strong>Could not open the requested SVN filesystem)</strong></p>
<p><strong> </strong></p>
<p>I tried to switch the repository URL and got: <span style="color:grey;"><strong>Error: Error while preparing action: &#8216;.&#8217; is not a working copy</strong></span></p>
<p>I figured this was because I did not have a repository loaded but why would the menu option be available if the context (no repository) was invalid? That kind of stuff is a pain but for open source maybe it is not such a show stopper for some but it is for me. I guess if I am not paying for it I should not criticize but personally if I am going to put a product out where user&#8217;s interact with it I think it is my duty to ensure that the usability is intuitive from the get go.</p>
<p>So, plainly this makes me a real dummy! I think that for me this is the kind of tool I would have to spend a good amount of time with be comfortable in. Personally, my job is to provide solutions to my clients via software and not to spend a lot of my time working with tools that are not obvious in their implementations. For instance, a series of wizard type screens (I hate that word, wizard, but..) which would simply walk you through hooking up to a repository would be cool. How about something obvious like the <strong>Repository</strong> menu actually having a &#8216;Connect to Repository&#8217; menu option instead of having that feature under the <strong>Bookmarks</strong> menu?</p>
<p>I am not saying RapidSVN doesn&#8217;t work or isn&#8217;t a good tool:  it&#8217;s simply not as intuitive as it could be for my usage.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>No context menu through file manager (course that&#8217;s been done by other SVN tools)</li>
<li>Help file is online only and is basically a wiki page.</li>
<li>No uninstaller</li>
<li>No IDE integration by design</li>
</ul>
<p><span style="font-weight:bold;font-size:small;"><a name="tortoise"></a> <a href="http://tortoisesvn.tigris.org/" target="_blank">TortoiseSVN </a>(<a href="http://tortoisesvn.net/easy_to_use" target="_blank">screenshot</a>)</span></p>
<p>Platform: Windows (32/64 bit)</p>
<p>Type: Explorer integration</p>
<p>Price: Free as in Open Source</p>
<p>I am sure there are many ways of doing things with TortoiseSVN but I am just going to cover the ways I do a few things. Accessing the Feedling repository (that means adding an existing repository located here: <a href="https://feedling.svn.sourceforge.net/svnroot/feedling" rel="nofollow">https://feedling.svn.sourceforge.net/svnroot/feedling</a> feedling. ) couldn&#8217;t be easer. I just right-click on the folder where I am thinking I want to checkout the repository and select Repo-browser. Up pop&#8217;s up a dialog asking for the URL if the folder you right-click on does NOT have an existing repository:</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh5.ggpht.com/_eBXl9mmUfR0/ScUjOk6pbEI/AAAAAAAAAFs/K7h6I5-BEj0/%5BUNSET%5D.jpg" alt="" /></span></p>
<p>Then Repo-browser pops up and after time to load you have a file manager like view of the repository. Feedling took some time to load but once it did I was ready to continue using the context menu in Repo-browser to checkout the source and perform just about all SVN tasks I need to do on a regular basis. If you are not a file manager type person (ie. you don&#8217;t like using explorer) then Repo-browser is the next best thing if not better.</p>
<p><img style="max-width:800px;" src="https://i0.wp.com/lh5.ggpht.com/_eBXl9mmUfR0/ScUjhY86XRI/AAAAAAAAAF0/upqyhK1qKnk/%5BUNSET%5D.jpg" alt="" /></p>
<p>Using a file manager (good luck getting a screen shot from me here!) you will find that not only can you access all of TortoiseSVN command (especially after you turn on other menu options in the settings) they are completely contextual to the area in the file manager. Hmmm.. that&#8217;s kind of unclear. So, if you are in a repository folder that you have source that is managed by SVN you will get a much more detailed and relevant menu than if you were in a regular folder that was not managed by SVN. That&#8217;s nice because your context menu&#8217;s content alerts you to the fact you are in a repository even if you don&#8217;t have the icon overlays. Oh, right, Icon Overlays: this is way cool because you can see at a glance which files are checked out, which are modified, which need to be added to the repository, etc..</p>
<p>Obviously, I like this program. It has helped me tremendously in my job and along with AnkhSVN I have a fully rounded solution to working with SVN source. I really, really like how the UI is minimalist using a context menu so that I don&#8217;t have to use another tool to work with source if I don&#8217;t want to (I have my file manager, Total Commander, running all the time in the background anyway).</p>
<p>While some SVN procedures using TortoiseSVN can be confusing (ie. Merging from Branch to Trunk) you will find that the documentation is quite complete and there are many tutorials on the internet (search results return 100,000+ hits for TortoiseSVN tutorials).</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>Context menu in file manager</li>
<li>Repo-browser (mini file manager for repositories)</li>
<li>No uninstaller</li>
<li>No IDE integration by design</li>
</ul>
<p><span style="font-weight:bold;font-size:small;"><br />
<a name="visualsvn"></a></span><span style="font-size:small;"><span style="font-weight:bold;"> <a href="http://www.visualsvn.com/" target="_blank">VisualSVN </a>(</span><a href="http://www.visualsvn.com/visualsvn/doc/introduction/" target="_blank">screenshots</a><span style="font-weight:bold;">)</span></span></p>
<p>Platform: Windows</p>
<p>Type: IDE Based =&amp;gt; Visual Studio.Net 2003/2005/2008 (not express versions)</p>
<p>Price: $49 per seat (includes future minor version upgrades)</p>
<p>VisualSVN is a snap to install and integrated well into VS.Net 2008 but on a suprising note: TortoiseSVN is not required but apparently full SVN functionality will be missing if it is <strong>NOT</strong> installed &#8211; interesting but a smart choice to focus on the core VS.Net functionality (Solution Explorer enhancements).</p>
<p>Initially attempted to load up the Readling project which had already been checked out using TortoiseSVN and worked fine with AnkhVSN. The project loaded fine but there were no indicators that VisualSVN was even working or that the project was under source control:</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh4.ggpht.com/_eBXl9mmUfR0/ScUlqrKIZzI/AAAAAAAAAF4/SzH1ho9bSXo/%5BUNSET%5D.jpg" alt="" /></span></p>
<p><span style="color:black;">I am not sure why this is so but perhaps since I had AnkhVSN installed prior (I uninstalled it prior to installing VisualSVN) that some markers from AnkhSVN were left in the repository??&#8230;</span></p>
<p><span style="color:black;">Anyway, I loaded up another project I had sitting around: An Apache Log4Net wrapper called LoggingLocal (my own project) and the Solution Explorer accurately reflected that my project was in the repository and under source control as this screenshot shows (notice the green markers for unchanged files):</span></p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh3.ggpht.com/_eBXl9mmUfR0/ScUmEhnziNI/AAAAAAAAAGA/NdolMPLyDr4/%5BUNSET%5D.jpg" alt="" /></span></p>
<p>I played around with the project for a bit by changing the app.config and adding an about box to see how VisualSVN would reflect those modifcations. It seems to show new files with the same yellow status as it shows changed files as this screenshot shows:</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh4.ggpht.com/_eBXl9mmUfR0/ScUlzVcJWFI/AAAAAAAAAF8/oKsxIvYSSZk/%5BUNSET%5D.jpg" alt="" /></span></p>
<p>I also worked with the VisualSVN menu and it appears that much of the features are processed using TortoiseSVN which is pretty much what I expected but some of the features such as the Branch option which calls the TortoiseSVN branch option simply hung up (that could just be my system). It actually felt as if VisualSVN&#8217;s major contribution was markup of the Solution Explorer and the rest shuffled off to TortoiseSVN.</p>
<p>So, without spending a lot more time it appears that VisualSVN does what it says it does but somehow for $49 I expected there to be a bit more features and frankly I had a better, more satisfying experience utilizing AnkhSVN than I did with VisualSVN plus the free price of AnkhSVN makes it a hard sell for me to dish out any money for VisualSVN.</p>
<p><span style="text-decoration:underline;">Tidbits</span>:</p>
<ul>
<li>No uninstaller but the installer does offer integration options for VS.Net 2003/2005/2008 and the Subversion command line</li>
<li>Help file is online only</li>
<li>Steep price for less functionality than AnkhSVN (in my opinion)</li>
</ul>
<h3><a name="iversion"></a><a href="http://www.benreeves.co.uk/index.html" target="_blank">iVersion </a>(<a href="http://www.benreeves.co.uk/iVersion/screenshots.html" target="_blank">screenshots</a>)</h3>
<p>Platform: iPhone</p>
<p>Type: Mobile Phone Based</p>
<p>Price: See the <a href="http://www.apple.com/itunes/affiliates/download/?itmsUrl=itms://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware%3Fid%3D320298553%26mt%3D8%26uo%3D6%26partnerId%3D30%26partnerId%3D30%26siteID%3DBntHhgYnGLA-GQiiTt_65XLKxMgdg4NI9w%26ign-mscache%3D1" target="_blank">Apple App Store</a></p>
<p>I no longer own an iPhone so I could not test this first hand.  In place of my comments here are the developer&#8217;s comments:</p>
<p><span style="color:#808000;">iVersion is not intended to fully replace the your svn desktop client, but is meant to provide basic svn access when your on the move.  For example if your away from the office and you&#8217;ve received a critical bug report, you can open up your source code and look for the offending line. If the bug is an obvious one (for example a typo) you can fix it immediately without needing to go near a desktop PC.</span></p>
<p>Due to the iPhone&#8217;s lack of mouse and small screen iVersion&#8217;s interface is different to one which you would find on the desktop. When first loaded you will be created with a connection screen where you can put in the host information of your svn repository. Click connect and a progress bar will appear from the bottom of the screen. When the directory contents have loaded you can browse to a new file or folder by simply clicking on the icon. you can navigate to the parent directory by clicking the arrow icon in the top right.</p>
<p><span style="background-color:#ffffff;"><span style="color:#808000;">You will notice that you browse to a folder you have already visited the contents will be shown immediately, this is due to iVersion cache. </span></span></p>
<p><span style="background-color:#ffffff;"><span style="color:#808000;">If you wish to clear the cache click the refresh icon. Scrolling to the bottom of the browser shows the actions available for the folder or file. Here you can delete, copy, move, open, checkout, bookmark or view more information for a node. </span></span></p>
<p><span style="background-color:#ffffff;"><span style="color:#808000;">When you checkout a directory you will be taken to the working copies view which allows you to view the local copy stored on your iphone. </span></span></p>
<p><span style="background-color:#ffffff;"><span style="color:#808000;">When you open a file from the working copies view you are able to make edits and save the changes. Committing the changes to your local repository is as simple as clicking &#8220;Commit File&#8221;, which then prompts you to enter a log message describing the changes you&#8217;ve made.</span></span></p>
<p><span style="background-color:#ffffff;"><span style="color:#000000;">Here is a video with iVersion in action: <a href="http://www.benreeves.co.uk/iVersion/video.html" target="_blank"><strong>Click Here</strong></a></span></span></p>
<p><span style="color:#808000;"><a name="othertools"></a></span></p>
<h3><span style="font-size:medium;"><strong>Other SVN Tools and Links</strong></span></h3>
<p><a href="http://subversion.tigris.org/links.html#clients" target="_blank">Subversion Links Page on Tigris</a> &#8211; a great page with just about all other clients, tools, etc that have to do with Subversion.</p>
<p><a href="http://www.svnmonitor.com/default.shtml" target="_blank">SVNMonitor</a> (<a href="http://www.svnmonitor.com/overview.shtml" target="_blank">screenshots</a>)</p>
<p>Platform: Windows</p>
<p>Type: Standalone &#8211; system tray</p>
<p><span style="background-color:#ffffff;">This is actually an <strong><em>outstanding</em></strong> tool! I can&#8217;t tell you how many times I just simply wanted to be notifed of all changes within the repository without having to fire up the file manager/TortoiseSVN combo or Visual Studio. The cool thing about this is that you can monitor multiple repositories and perform updates to your local source from within SVN Monitor (it calls out to TortoiseSVN to perform these kinds of functions).</span></p>
<p>The nice thing about SVN Monitor is that you are actually interacting with TortoiseSVN through a UI instead of the file manager. In addtion to the UI there is also a system tray icon that allows you to receive notifications about repository changes.</p>
<p>Here is a screen shot I took before configuration (see the screenshots link for more detail):</p>
<p><span style="color:red;"><img style="max-width:800px;" src="https://i0.wp.com/lh4.ggpht.com/_eBXl9mmUfR0/ScUmPPhmRQI/AAAAAAAAAGE/Q73S6fXUkIw/%5BUNSET%5D.jpg" alt="" /></span></p>
<p><span style="color:black;">Finally, I do </span><strong>NOT</strong><span style="color:black;"> know nearly enough of what this tool can do to feel comfortable telling exactly how it works in all areas but I did find it only took me a few minutes to add my repository to the SVN Monitor and that is worth a lot to me.</span></p>
<p><span style="color:black;">This is the one SVN tool from this review that actually has an uninstaller! Not a big thing I know but it shows the care the developer is taking with the entire presention of this utility. Once word gets out on this I expect they could and should charge for a supported version of this.</span></p>
<p><a href="http://www.slickedit.com/content/view/488" target="_blank">SlickEdit Tools</a><span style="color:black;"> for Visual Studio &#8211; includes CVS/SVN integration but has a price of $49 &#8211; I did </span><strong>NOT</strong><span style="color:black;"> install this or test it but you might want to check it out.</span></p>
<h3><span style="font-size:medium;"><strong>Books</strong></span><span style="font-size:medium;"> </span><span style="font-size:medium;">(not endorsing bookpool or amazon)</span></h3>
<p><span style="color:red;"><span style="text-decoration:line-through;"><a href="http://www.bookpool.com/ss?qs=subversion&amp;x=0&amp;y=0" target="_blank">Subversion books on BookPool</a></span> BookPool is <strong>no more</strong> &#8211; sigh&#8230;</span></p>
<p><a href="http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&amp;field-keywords=subversion&amp;x=0&amp;y=0" target="_blank">Subversion books on Amazon</a></p>
<hr />
<p><a name="usethis"></a></p>
<p>&nbsp;</p>
<h3><span style="font-size:medium;"><strong>Recommendation</strong></span><span style="font-size:medium;"> (TortoiseSVN <strong>and/or</strong></span> AnkhSVN<strong><span style="font-size:medium;">)</span></strong></h3>
<p>My own personal use tends to go along the lines of AnkhSVN with VS.Net and TortoiseSVN when I am working with files in Explorer (or any other File Manager that supports icon overlays). I have tried RapidSVN in the beginning but I do not feel as productive or competent when working with my source code as I do with AnkhSVN and TortoiseSVN. VisualSVN is certainly a top notch product (and it should be for $49 but my rule of thumb is to NEVER pay for something that I can get close enough to for free. <span style="font-weight:bold;"> NOTE</span>: I do ask and recommend that if you utilize AnkhSVN and/or TortoiseSVN that you consider contributing something back to the respective development teams of these fine products. Along with AnkhSVN and TortoiseSVN I <span style="font-style:italic;font-weight:bold;">DO </span>recommend that you give SVN Monitor at try as it is a real time saver and worth good money to me even though it is free (see just above for some comments).</p>
<p>In addition, I have found the MOST of my issues that I think are with the SVN clients I use actually turn out to be my misunderstanding of how the core SVN server itself works (read the docs!).<strong> </strong></p>
<h3><strong>In Closing</strong></h3>
<p>Since SVN is so pervasive these days you will find general SVN clients built into many tools you might be using or want to use such as <a href="http://www.activestate.com/komodo/" target="_blank">Komodo IDE</a>, <a href="http://developer.apple.com/TOOLS/xcode/" target="_blank">XCode OS X IDE</a>, <a href="http://www.polarion.org/index.php?page=overview&amp;project=subversive" target="_blank">Eclipse</a>, or <a href="http://www.netbeans.org/kb/articles/subversion-preview.html" target="_blank">Netbeans</a>.</p>
<p>Finally, this review was not to meant to be all encompassing as you will find many reviews (ie.. Wikipedia) or pages that seem to cover any and all things. I am merely trying to provide info on tools that will be productive. I also have a bit of a peeve when it comes to programs &#8211; where&#8217;s the uninstallers! I get sick of loading up the Add/Remove programs to uninstall something in Windows. Of course that&#8217;s not such a big deal with OS X as it&#8217;s just a drop of the app into the Trash bucket. I just think that an uninstaller (even if it&#8217;s just an .sh or .bat script) is a good touch to <strong>any</strong> program.</p>
<p><span style="text-decoration:underline;">Last note</span>:  You can find just about all the SVN clients <a href="http://subversion.tigris.org/">here</a> at the Subversion site.</p>
<p><strong> </strong></p>
<p><strong>Please contribute other SVN Clients or Tools I most likely missed and I will update the post to include them.</strong></p>
<p><strong>This is my first post of this kind so any input would be welcome as to format, content etc&#8230;</strong></p>
<p><span style="color:#333399;"><em><strong>Tab</strong></em></span></p>
<p><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f03%2f24%2fsvn-subversion-clients-and-other-tools%2f"><img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f03%2f24%2fsvn-subversion-clients-and-other-tools%2f" border="0" alt="kick it on DotNetKicks.com" /></a></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>

		<media:content url="http://lh6.ggpht.com/_eBXl9mmUfR0/ScUhKT8vNwI/AAAAAAAAAFY/0Jf6Emc1TNs/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh4.ggpht.com/_eBXl9mmUfR0/ScUhcGbesII/AAAAAAAAAFc/T2AChoCWJR8/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh6.ggpht.com/_eBXl9mmUfR0/ScUhk18BBhI/AAAAAAAAAFg/7DgeWwkUCMQ/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh3.ggpht.com/_eBXl9mmUfR0/ScUh8ZtkryI/AAAAAAAAAFk/cP0JymHW4KI/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh5.ggpht.com/_eBXl9mmUfR0/ScUi8zp082I/AAAAAAAAAFo/D1i7vtozDB4/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh5.ggpht.com/_eBXl9mmUfR0/ScUjOk6pbEI/AAAAAAAAAFs/K7h6I5-BEj0/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh5.ggpht.com/_eBXl9mmUfR0/ScUjhY86XRI/AAAAAAAAAF0/upqyhK1qKnk/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh4.ggpht.com/_eBXl9mmUfR0/ScUlqrKIZzI/AAAAAAAAAF4/SzH1ho9bSXo/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh3.ggpht.com/_eBXl9mmUfR0/ScUmEhnziNI/AAAAAAAAAGA/NdolMPLyDr4/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh4.ggpht.com/_eBXl9mmUfR0/ScUlzVcJWFI/AAAAAAAAAF8/oKsxIvYSSZk/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://lh4.ggpht.com/_eBXl9mmUfR0/ScUmPPhmRQI/AAAAAAAAAGE/Q73S6fXUkIw/%5BUNSET%5D.jpg?imgmax=800" medium="image" />

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2fcodertools.wordpress.com%2f2009%2f03%2f24%2fsvn-subversion-clients-and-other-tools%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>Hello fellow coders!</title>
		<link>https://codertools.wordpress.com/2009/03/24/hello-world/</link>
		
		<dc:creator><![CDATA[TRH]]></dc:creator>
		<pubDate>Tue, 24 Mar 2009 16:19:50 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<guid isPermaLink="false"></guid>

					<description><![CDATA[This is my first post which will be replaced with something more context sensitive&#8230; Check the About Me page to &#8230;<p><a href="https://codertools.wordpress.com/2009/03/24/hello-world/">Continue reading <span class="meta-nav">&#8594;</span></a></p>]]></description>
										<content:encoded><![CDATA[<p>This is my first post which will be replaced with something more context sensitive&#8230;</p>
<p>Check the About Me page to see what I am about and what this blog will be about.</p>
<p>First post is going to be about SVN Clients and Other Tools and will be migrated from my blogger page in a few days.</p>
<p><span style="color:#333399;"><strong><em>Tab</em></strong></span></p>
]]></content:encoded>
					
		
		
		
		<media:content url="https://0.gravatar.com/avatar/cd8bc94e424ce508e23cfc4535a0b4b7e37172cc62f7b3a8536b05afe529b62d?s=96&#38;d=https%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">NeoCortex</media:title>
		</media:content>
	</item>
	</channel>
</rss>
