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

<channel>
	<title>Wendbaar.nl &#187; Usability</title>
	<atom:link href="http://wendbaar.nl/blog/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://wendbaar.nl/blog</link>
	<description></description>
	<lastBuildDate>Thu, 13 Oct 2011 20:56:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Prediction: &#8220;Twitter App Formatting Standards War&#8221;</title>
		<link>http://wendbaar.nl/blog/2010/01/prediction-twitter-app-formatting-standards-war/</link>
		<comments>http://wendbaar.nl/blog/2010/01/prediction-twitter-app-formatting-standards-war/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 13:39:07 +0000</pubDate>
		<dc:creator>berl</dc:creator>
				<category><![CDATA[Speculation]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[#client]]></category>
		<category><![CDATA[#formatting]]></category>
		<category><![CDATA[#standard]]></category>
		<category><![CDATA[#TFS]]></category>
		<category><![CDATA[#tweet]]></category>

		<guid isPermaLink="false">http://wendbaar.nl/blog/?p=4</guid>
		<description><![CDATA[Well&#8230;, a war is a little bit exaggerated. But consistency is the issue here, which remembers me the early days of different implementations of webbrowsers (which is still a pain in the ass, ask any random webdeveloper)
For example, today I ran in to the formatting of an URL. In tweetdeck it&#8217;s only clickable when an [...]]]></description>
			<content:encoded><![CDATA[<p>Well&#8230;, a war is a little bit exaggerated. But consistency is the issue here, which remembers me the early days of different implementations of webbrowsers (which is still a pain in the ass, ask any random webdeveloper)</p>
<p>For example, today I ran in to the formatting of an URL. In tweetdeck it&#8217;s only clickable when an URL has the protocol attached to it (http://). So I <a href="http://twitter.com/LeipeLeon/status/7516634199">complained about it</a>, thinking that people didn&#8217;t understand linking in tweets.</p>
<p>Turns out <a href="http://twitter.com/FiXato/status/7518432077">I was wrong</a>, apps like tweetie and the webinterface of twitter itself automagically create a hyperlink from an address prefixed with www without an http://.</p>
<p>So my question is, should there be a standard (like HTML/CSS) or developer guidline to format tweets (or is there one already?)</p>
]]></content:encoded>
			<wfw:commentRss>http://wendbaar.nl/blog/2010/01/prediction-twitter-app-formatting-standards-war/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prevent spambots from posting</title>
		<link>http://wendbaar.nl/blog/2009/09/prevent-spambots-from-posting/</link>
		<comments>http://wendbaar.nl/blog/2009/09/prevent-spambots-from-posting/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 22:15:46 +0000</pubDate>
		<dc:creator>berl</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://beriedata.nl/blog/?p=98</guid>
		<description><![CDATA[Just got a report that we&#8217;re getting spammed by a spambot.
Then I recalled a remark @smeevil made about a technique he used to fight off spambots: create a valid form element but put it away somewhere off screen (a hidden field won&#8217;t probably work)
table.rb:

?Download table.rbclass Table &#60; ActiveRecord::Base
  attr_accessor :company
  validates_length_of   [...]]]></description>
			<content:encoded><![CDATA[<p>Just got a report that we&#8217;re getting spammed by a spambot.</p>
<p>Then I recalled a remark <a href="http://twitter.com/smeevil">@smeevil</a> made about a technique he used to fight off spambots: create a valid form element but put it away somewhere off screen (a hidden field won&#8217;t probably work)</p>
<p><span id="more-98"></span>table.rb:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left2">Download <a href="http://wendbaar.nl/blog/wp-content/plugins/wp-codebox/wp-codebox.php?p=98&amp;download=table.rb">table.rb</a></span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p983"><td class="code" id="p98code3"><pre class="ruby" style="font-family:monospace;"><span style="color:#9966CC; font-weight:bold;">class</span> Table <span style="color:#006600; font-weight:bold;">&lt;</span> <span style="color:#6666ff; font-weight:bold;">ActiveRecord::Base</span>
  attr_accessor <span style="color:#ff3333; font-weight:bold;">:company</span>
  validates_length_of       <span style="color:#ff3333; font-weight:bold;">:company</span>,  <span style="color:#ff3333; font-weight:bold;">:maximum</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#006666;">0</span>, <span style="color:#ff3333; font-weight:bold;">:allow_nil</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#0000FF; font-weight:bold;">true</span>, <span style="color:#ff3333; font-weight:bold;">:message</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">&quot;Don't spam us, OK?&quot;</span>
<span style="color:#9966CC; font-weight:bold;">end</span></pre></td></tr></table></div>

<p># new.html.erb:</p>
<pre lang="html" file="new.html.erb">
&lt;%= error_message_on :abuse, :company, {
	:prepend_text =&gt; "&lt;div class='error'&gt;",
	:append_text =&gt; "&lt;/div&gt;",
	:css_class =&gt; "flash"
} %&gt;

&lt;% form_for @table do |f| %&gt;
  &lt;%= f.text_field :company, :class =&gt; "your_company"%&gt;
  &lt;%= f.label :real_field %&gt;&lt;br /&gt;
  &lt;%= f.text_field :real_field %&gt;
&lt;% end %&gt;

&lt;script LANGUAGE="javascript"&gt;
document.getElementById("table_real_field").focus();
&lt;/script&gt;
</pre>
<p># site.css</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left2">Download <a href="http://wendbaar.nl/blog/wp-content/plugins/wp-codebox/wp-codebox.php?p=98&amp;download=site.css">site.css</a></span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p984"><td class="code" id="p98code4"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.your_company</span> <span style="color: #00AA00;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-1000px</span><span style="color: #00AA00;">;</span>
 <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-1000px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://wendbaar.nl/blog/2009/09/prevent-spambots-from-posting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Synchroniseren folders op je mac</title>
		<link>http://wendbaar.nl/blog/2007/10/synchroniseren-folders-op-je-mac/</link>
		<comments>http://wendbaar.nl/blog/2007/10/synchroniseren-folders-op-je-mac/#comments</comments>
		<pubDate>Tue, 09 Oct 2007 22:44:39 +0000</pubDate>
		<dc:creator>berl</dc:creator>
				<category><![CDATA[Dutch]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mmpreview.nl/2007/10/10/synchroniseren-folders-op-je-mac/</guid>
		<description><![CDATA[<p>Omdat ik een beetje paranoide begon te worden over mijn harddisk (Disk Utility gaf enkele fouten) toch maar eens de optie overwogen om een backup strategie in elkaar te zetten.... Maar op welke manier?</p>]]></description>
			<content:encoded><![CDATA[<p>Omdat ik een beetje paranoide begon te worden over mijn harddisk (Disk Utility gaf enkele fouten) toch maar eens de optie overwogen om een backup strategie in elkaar te zetten&#8230;. Maar op welke manier?</p>
<p>Enkele vereisten zijn er natuurlijk wel, het moet eenvoudig en sim-pel zijn. moet niet 10x klikken en het moet snel zonder dat ik er veel last van heb als ik aan het werk ben. Dus op zoek naar de ultieme backup applicatie totdat OSX Leopard (met time machine) om de hoek komt kijken.</p>
<p><span id="more-41"></span></p>
<h3>Externe harddisk of Online?</h3>
<p>Online is natuurlijk ideaal als je maar een kleine dataset heb, maar in mijn geval is m&#8217;n homedir zo&#8217;n 30GB (en dat zijn nog niet eens mijn ..GB aan muziek) dus een externe disk. Een USB LaCie disk van 320 Gb (daadwerkelijk net geen 300Gb maar wel ontworpen door Porsche) op de kop kunnen tikken voor &euro; 85 bij de <a href="http://macinside.nl/">macinside</a> in hometown deventer and off we go!</dt>
<h3>Software</h3>
<h4>Silverlining en LaCie Backup</h4>
<p>Bij mijn harde schijf kreeg ik deze LaCie programma&#8217;a mee geleverd: . silverlining heb ik slechte ervaringen mee (voor mijn gevoel erg buggy) en de backupapp is erg rudimentair: bij elke synchronisatie maakt ie een nieuwe map aan. Zo komt die schijf wel vol!<br/><br />
Verdict: een magere 6, omdat het gratis is.<br/></p>
<h4>Martian SlingShot en LifeBoat</h4>
<p><strong>Slingshot</strong> laat je folders en je muziek delen en abonneren over verschillende computers. Voordeel is dat deze met een interval kunt laten syncen zodat er meer consistentie is. Nadeel dus dat je een andere computer nodig hebt. <strong>Lifeboat</strong> is een ramp als je een grote data set hebt. Eerst wordt er namelijk op je lokale harde schijf een sparse image aangemaakt en als je ruimte al beperkt is teert dat natuurlijk enorm in. Tevens als je het programma afschiet worden temporary&#8217;s in de <code>/private/var/tmp/</code> niet goed opgeruimd zodat ik met een bijna volle schijf kwam te zitten. Helaas had ik de specificaties niet zo goed bekeken en de software al aangeschaft. Weg 30 eurie! (weer wat geleerd)<br />
<br/>Verdict: SlingShot: 7, LifeBoat: 4 <br/><br />
<a href="http://www.martian.com/">http://www.martian.com/</a></p>
<h4>CrashPlan</h4>
<p>Verzorgd programma die crossplatform is! Alleen de functie om te backuppen naar een lokale  schijf kan ik niet zo 123 vinden (ook al staat het opde website dat het kan), dus daardoor valt ie af&#8230;. Maar intern zou ik het nog wel eens kunnen gaan gebruiken voor de (win)laptops van de verkopers. Eenvoudige synchronisatie van deze xp bakken naar onze (mac) fileserver zonder hassle. (idd, wij draaien nog geen AD maar misschien komt daar verandering in als OSX Leopard Server aangeschaft is!)<br />
<br/>Verdict: 8+ <br/><br />
<a href="http://www.crashplan.com/">http://www.crashplan.com/</a></p>
<h4>iBackup</h4>
<p>Gratis! Maar op een of andere manier is &#8216;t &#8216;m net niet. Trage interface, zelfs op mijn Core2! Wel veel mogelijkheden. Halverwege process geditched, had er geen goed gevoel bij.<br/><br />
Verdict: 6+ (omdat het gratis is) <br/><br />
<a href="http://www.grapefruit.ch/iBackup/">http://www.grapefruit.ch/iBackup/</a></p>
<h4>ChronoSync</h4>
<p>Je moet toch ergens eindigen: <strong>ChronoSync</strong> is nu de applicatie die ik gebruik.  Eenvoudig folders heen en weer synchroniseren met een archief mogelijkheid dus als je per ongeluk bestanden weggooit en ge-backupped heb staan ze voor een bepaalde tijd in het archief. Da&#8217;s handig! Tip: Zet detectie van verborgen bestanden ff aan, anders dan kopieert ie je ssh en svn directories niet mee&#8230;.<br/><br />
Verdict: 7+ <br/><br />
<a href="http://www.econtechnologies.com/">http://www.econtechnologies.com/</a></p>
<p><span style="font:'arial unicode MS', arial, geneva, sans-serif bold;">&#9775;</span></p>
]]></content:encoded>
			<wfw:commentRss>http://wendbaar.nl/blog/2007/10/synchroniseren-folders-op-je-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Scheme Generator 2</title>
		<link>http://wendbaar.nl/blog/2007/08/ws-color-scheme-generator-2/</link>
		<comments>http://wendbaar.nl/blog/2007/08/ws-color-scheme-generator-2/#comments</comments>
		<pubDate>Thu, 23 Aug 2007 09:11:11 +0000</pubDate>
		<dc:creator>berl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Dutch]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mmpreview.nl/2007/08/23/ws-color-scheme-generator-2/</guid>
		<description><![CDATA[Color Scheme Generator 2 voor het bepalen van kleur combinaties. Tevens de mogelijkheid om te kijken of kleurenblinden het ook kunnen zien! &#9775;
]]></description>
			<content:encoded><![CDATA[<p><a href="http://wellstyled.com/tools/colorscheme2/index-en.html">Color Scheme Generator 2</a> voor het bepalen van kleur combinaties. Tevens de mogelijkheid om te kijken of kleurenblinden het ook kunnen zien! <span style="font:'arial unicode MS', arial, geneva, sans-serif bold;">&#9775;</span></p>
]]></content:encoded>
			<wfw:commentRss>http://wendbaar.nl/blog/2007/08/ws-color-scheme-generator-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One for me please!</title>
		<link>http://wendbaar.nl/blog/2007/06/one-for-me-please/</link>
		<comments>http://wendbaar.nl/blog/2007/06/one-for-me-please/#comments</comments>
		<pubDate>Wed, 20 Jun 2007 17:15:36 +0000</pubDate>
		<dc:creator>berl</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mmpreview.nl/2007/06/20/one-for-me-please/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><embed src="http://services.brightcove.com/services/viewer/federated_f8/607757611" bgcolor="#FFFFFF" flashVars="videoId=422563006&#038;playerId=607757611&#038;viewerSecureGatewayURL=https://services.brightcove.com/services/amfgateway&#038;servicesURL=http://services.brightcove.com/services&#038;cdnURL=http://admin.brightcove.com&#038;domain=embed&#038;autoStart=false&#038;" base="http://admin.brightcove.com" name="flashObj" width="486" height="412" seamlesstabbing="false" type="application/x-shockwave-flash" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://wendbaar.nl/blog/2007/06/one-for-me-please/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

