<?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>dotvoid.com &#187; Web</title>
	<atom:link href="http://www.dotvoid.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dotvoid.com</link>
	<description>Experiments and thoughts in PHP and javascript</description>
	<lastBuildDate>Tue, 25 May 2010 21:53:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Free weather icons</title>
		<link>http://www.dotvoid.com/2009/12/free-weather-icons/</link>
		<comments>http://www.dotvoid.com/2009/12/free-weather-icons/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 09:59:40 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[weather icons]]></category>

		<guid isPermaLink="false">http://www.dotvoid.com/?p=415</guid>
		<description><![CDATA[
The Norwegian weather service Yr.no is very popular in the Nordic region as they release weather data for free. We (as in the Swedish web development company Dotvoid AB) have used their service to create mashups and services as many others have before us.
Recently Malin Holm converted all our old bitmapped weather icons to SVG [...]]]></description>
			<content:encoded><![CDATA[<div class="mceTemp mceIEcenter">
<p style="text-align: left;">The <a href="http://www.yr.no">Norwegian weather service Yr.no</a> is very popular in the Nordic region as they release weather data for free. We (as in the <a href="http://www.dotvoid.se/index.en.html">Swedish web development company Dotvoid AB</a>) have used their service to create mashups and services as many others have before us.</p>
<p style="text-align: left;">Recently Malin Holm converted all our old bitmapped weather icons to SVG and we decided to release two png versions (60&#215;50 and 120&#215;100) licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-nd/3.0/">Creative Commons Attribution No Derivative 3.0 Unported License</a>. All icons are named after the weather codes used by Yr.no but can of course be used for other data.</p>
<p style="text-align: left;"><a href="http://www.dotvoid.se/icons.en.html">Download the full weather icon set at the Dotvoid AB icon page</a>.</p>
<dl id="attachment_416" class="wp-caption aligncenter" style="width: 278px;">
<dt class="wp-caption-dt"><a href="http://www.dotvoid.com/wp-content/uploads/2009/12/yr-icons-60x50-dotvoid-ab.png"><img class="size-full wp-image-416" title="yr-icons-60x50-dotvoid-ab" src="http://www.dotvoid.com/wp-content/uploads/2009/12/yr-icons-60x50-dotvoid-ab.png" alt="Weather icons" width="268" height="380" /></a></dt>
<dd class="wp-caption-dd">Weather icons</dd>
</dl>
</div>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2009/12/free-weather-icons/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2009/12/free-weather-icons/&amp;title=Free+weather+icons" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2009/12/free-weather-icons/&amp;t=Free+weather+icons" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2009/12/free-weather-icons/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2009/12/free-weather-icons/&amp;title=Free+weather+icons&amp;summary=%0D%0AThe%20Norwegian%20weather%20service%20Yr.no%20is%20very%20popular%20in%20the%20Nordic%20region%20as%20they%20release%20weather%20data%20for%20free.%20We%20%28as%20in%20the%20Swedish%20web%20development%20company%20Dotvoid%20AB%29%20have%20used%20their%20service%20to%20create%20mashups%20and%20services%20as%20many%20others%20have%20before%20us.%0D%0ARecently%20Malin%20Holm%20converted%20all%20our%20old&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2009/12/free-weather-icons/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2009/12/free-weather-icons/&amp;title=Free+weather+icons" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Free+weather+icons+-+http://b2l.me/wt4zb&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2009/12/free-weather-icons/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Ye olde English is dead</title>
		<link>http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/</link>
		<comments>http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 08:34:06 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.dotvoid.com/?p=361</guid>
		<description><![CDATA[There are probably as many solutions to creating SEO friendly urls as there are actual implementations. After real work yesterday I started looking at the rather simple method based on the PHP built in strtr() we use. It&#8217;s very simple and apart from some uppercase, lowercase and utf8 juggling the (very shortened) basis is something [...]]]></description>
			<content:encoded><![CDATA[<p>There are probably as many solutions to creating SEO friendly urls as there are actual implementations. After real work yesterday I started looking at the rather simple method based on the PHP built in <a href="http://www.php.net/strtr/">strtr()</a> we use. It&#8217;s very simple and apart from some uppercase, lowercase and utf8 juggling the (very shortened) basis is something like below.</p>
<pre>$isochars = "\xFC\xFD\xFF";
$asciichars = "uyy";
$urlfriendly = strtr($actual_string, $isochars, $asciichars);</pre>
<p>What struck me was that the character þ (FE in hex) was translated into y. As is correct if you look at how y, in different forms, was used as an abbreviation for <em>the</em>, <em>that</em> and so on in old English &#8211; or Anglo-Saxon. Often it is now written &#8220;<em>Ye</em>&#8221; as in the blog post title. (Yes &#8211; the &#8220;<em>Y</em>&#8221; in the title should be pronounced as &#8220;<em>th</em>&#8220;.</p>
<p>However, it is a bit odd as the Icelandic language still use the letter frequently. The sound value is more or less the equivalent of the English &#8220;<em>th</em>&#8221; in <em>this</em> or <em>the</em>.</p>
<p>The major value in SEO friendly urls is the readability. Shouldn&#8217;t it be more friendly and natural to translate þ into &#8220;th&#8221; in SEO friendly urls then?</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/&amp;title=Ye+olde+English+is+dead" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/&amp;t=Ye+olde+English+is+dead" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/&amp;title=Ye+olde+English+is+dead&amp;summary=There%20are%20probably%20as%20many%20solutions%20to%20creating%20SEO%20friendly%20urls%20as%20there%20are%20actual%20implementations.%20After%20real%20work%20yesterday%20I%20started%20looking%20at%20the%20rather%20simple%20method%20based%20on%20the%20PHP%20built%20in%20strtr%28%29%20we%20use.%20It%27s%20very%20simple%20and%20apart%20from%20some%20uppercase%2C%20lowercase%20and%20utf8%20juggling%20the%20%28v&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/&amp;title=Ye+olde+English+is+dead" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Ye+olde+English+is+dead+-+File: /data/app/webapp/functions.php<br />Line: 66<br />Message: Duplicate entry 'wt3fb' for key 'code'&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2009/03/ye-olde-english-is-dead/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Company, work and conferences</title>
		<link>http://www.dotvoid.com/2009/01/company-work-and-conferences/</link>
		<comments>http://www.dotvoid.com/2009/01/company-work-and-conferences/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 21:33:04 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[Dublin]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.dotvoid.com/?p=354</guid>
		<description><![CDATA[As mentioned earlier I moved with my family from Sweden to Spain for awhile. To complicate things further me and my girlfriend Malin created a new company called Dotvoid AB focusing on web sites and applications based on PHP. (So expect things to change around here in 2009 &#8211; though no timeplan or schedule exists). [...]]]></description>
			<content:encoded><![CDATA[<p>As mentioned earlier I moved with my family from Sweden to Spain for awhile. To complicate things further me and my girlfriend Malin created a new company called <a href="http://www.dotvoid.se/">Dotvoid AB</a> focusing on web sites and applications based on PHP. (So expect things to change around here in 2009 &#8211; though no timeplan or schedule exists). I have also quit working with debt collection software and is now working full time on Spanish consumer web sites for <a href="http://www.grupoinicio.es/">Grupo Inico</a>.</p>
<p>Conferences? Apart from the usual PHP conferences that might or mightn&#8217;t (!?) be of interest there&#8217;s a score of other events focusing less on technology and more on <em>softer</em> issues. An hour ago I received an email from the Ning group <a href="http://swedishstartups.ning.com/">Swedish Startups</a> with lots of interesting conferences. I probably won&#8217;t be able to attend many of those. But <a href="http://futureofwebapps.wordpress.com/2008/11/13/fowa-comes-to-dublin/">Future of Web Apps in Dublin</a> really caught my attention. A not too expensive one day event with lots of cool people and companies. Not to mention a good reason to visit the city <a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=upper+exchange+street,+dublin&amp;sll=53.344697,-6.267722&amp;sspn=0.00246,0.003524&amp;ie=UTF8&amp;ll=53.344326,-6.268044&amp;spn=0.004765,0.007049&amp;t=h&amp;z=17">I lived</a> in almost eight years ago. (At the time I was working as a contractor on a <a href="http://my.aol.com">then</a> <a href="http://my.aol.es">cool</a> <a href="http://my.aol.fr">project</a>.)</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2009/01/company-work-and-conferences/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2009/01/company-work-and-conferences/&amp;title=Company%2C+work+and+conferences" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2009/01/company-work-and-conferences/&amp;t=Company%2C+work+and+conferences" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2009/01/company-work-and-conferences/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2009/01/company-work-and-conferences/&amp;title=Company%2C+work+and+conferences&amp;summary=As%20mentioned%20earlier%20I%20moved%20with%20my%20family%20from%20Sweden%20to%20Spain%20for%20awhile.%20To%20complicate%20things%20further%20me%20and%20my%20girlfriend%20Malin%20created%20a%20new%20company%20called%20Dotvoid%20AB%20focusing%20on%20web%20sites%20and%20applications%20based%20on%20PHP.%20%28So%20expect%20things%20to%20change%20around%20here%20in%202009%20-%20though%20no%20timeplan%20or%20sc&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2009/01/company-work-and-conferences/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2009/01/company-work-and-conferences/&amp;title=Company%2C+work+and+conferences" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Company%2C+work+and+conferences+-+http://b2l.me/wxt9t&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2009/01/company-work-and-conferences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zend Feed for a Swedish web development blog aggregator</title>
		<link>http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/</link>
		<comments>http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/#comments</comments>
		<pubDate>Sun, 11 Mar 2007 18:09:38 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[zend framework]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=213</guid>
		<description><![CDATA[Lately I have begun to get more and more annoyed with my feed reader. I use a simple feed reader which lack most features except for subscribing to and reading feeds. The one thing that annoys me the most is that it can&#8217;t aggregate several feeds into one feed. Yesterday I finally decided to scratch [...]]]></description>
			<content:encoded><![CDATA[<p>Lately I have begun to get more and more annoyed with my feed reader. I use a simple feed reader which lack most features except for subscribing to and reading feeds. The one thing that annoys me the most is that it can&#8217;t aggregate several feeds into one feed. Yesterday I finally decided to scratch that itch.</p>
<p>What I want to aggregate are Swedish web development and web entrepeneur blogs. I like the <a href="http://www.planetplanet.org/">planet-planet</a> concept that for example <a href="http://www.planet-php.net/">planet-php</a> use. (Though I don&#8217;t think planet-php use python&#8230;) Conveniently I had this <a href="http://en.wikipedia.org/wiki/Internationalized_domain_name">idn domain</a>, <a href="http://översikt.se/">översikt.se</a>, lying around which I haven&#8217;t used up until now. As is normal nowadays (for me at least) I used Zend Framework to build the site. It was the first time I used Zend_Feed class. I works like a charm.</p>
<p>The whole website logic (both model and controller) is about 200 lines of code. And the main logic of fetching the feeds are really nice and short.</p>
<pre>foreach($urls as $url) {
    try {
      $feed = Zend_Feed::import($url['feedurl']);
    }
    catch(PDOException $ex) {
      error_log($ex-&gt;getMessage());
      continue;
    }

    $feedTitle = $feed-&gt;title;
    $feedLink = $feed-&gt;link;
    $title = '';
    $link = '';
    $desc = '';
    $pub = '';

    foreach ($feed as $item) {
      if (is_a($feed, "Zend_Feed_Rss")) {
        $title = $item-&gt;title();
        $link = $item-&gt;link();
        $desc = $item-&gt;description();
        $publ = ($item-&gt;pubDate()) ? $item-&gt;pubDate() : $item-&gt;date();
      }
      else if(is_a($feed, "Zend_Feed_Atom")) {
        $title = $item-&gt;title();
        $link = $item-&gt;link('alternate');
        $desc = $item-&gt;content();
        $publ = ($item-&gt;issued()) ? $item-&gt;issued() : $item-&gt;published();
      }
      else {
        error_log("Feed &lt;$feedid&gt; is an unsupported format");
        continue;
      }

      // Parse and normalize date and check if new
      $time = strtotime($publ);
      $publ = date("c", $time);

      // Execute the previously prepared sql insert statement
      $result = $sti-&gt;execute(array(
          'feedid' =&gt; $url['feedid'],
          'title' =&gt; $title,
          'link' =&gt; $link,
          'publ' =&gt; $publ,
          'desc' =&gt; $desc));
    }
}</pre>
<p>I skipped database exception and error handing in the above code to make it even more readable. Zend_Feed have failed me only once when trying to read and parse an old weird rss format. Wonderful.</p>
<p>(For those that don&#8217;t have browsers that support idn-domains I linked to the punycode variant of the domain name översikt.se, www.xn--versikt-80a.se, above. But mostly because my damn editor refuses to use the Swedish letter &#8220;ö&#8221; in the href attribute.)</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/&amp;title=Zend+Feed+for+a+Swedish+web+development+blog+aggregator" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/&amp;t=Zend+Feed+for+a+Swedish+web+development+blog+aggregator" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/&amp;title=Zend+Feed+for+a+Swedish+web+development+blog+aggregator&amp;summary=Lately%20I%20have%20begun%20to%20get%20more%20and%20more%20annoyed%20with%20my%20feed%20reader.%20I%20use%20a%20simple%20feed%20reader%20which%20lack%20most%20features%20except%20for%20subscribing%20to%20and%20reading%20feeds.%20The%20one%20thing%20that%20annoys%20me%20the%20most%20is%20that%20it%20can%27t%20aggregate%20several%20feeds%20into%20one%20feed.%20Yesterday%20I%20finally%20decided%20to%20scratch%20&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/&amp;title=Zend+Feed+for+a+Swedish+web+development+blog+aggregator" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Zend+Feed+for+a+Swedish+web+development+blog+aggregator+-+http://b2l.me/wwec5&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2007/03/zend-feed-for-a-swedish-web-development-blog-aggregator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Back from vacation</title>
		<link>http://www.dotvoid.com/2006/08/back-from-vacation/</link>
		<comments>http://www.dotvoid.com/2006/08/back-from-vacation/#comments</comments>
		<pubDate>Tue, 08 Aug 2006 20:39:58 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[vacation]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=192</guid>
		<description><![CDATA[I have had a great and relaxing vacation and came back to work yesterday. Still it is somewhat weird that after four weeks of vacation I only had time to take my sailing boat out for the first time yesterday evening. It was wonderful &#8211; slowly sailing around the nearby islands in the inner archipelago [...]]]></description>
			<content:encoded><![CDATA[<p>I have had a great and relaxing vacation and came back to work yesterday. Still it is somewhat weird that after four weeks of vacation I only had time to take my sailing boat out for the first time yesterday evening. It was wonderful &#8211; slowly sailing around the nearby islands in the inner archipelago of Karlskrona. My traditional wooden boat only leaked very little&#8230;</p>
<p>More annoyingly my simple comment spam prevention I put in place here on dotvoid.com early this summer has leaked considerably. I have just cleaned out all the spam and put more rules in place and it should be harder for the bots now. I must take some time to have a closer look at what techniques are best for spam prevention besides captcha when I&#8217;m not as busy.</p>
<p>Something that made me much happier was an offer to write an article on a specific subject for a large PHP magazine. It would be interesting to know what kind of payment one should expect for a multiple page article&#8230; It still isn&#8217;t clear after asking.</p>
<p>I have finally had enough time to work on <a href="http://www.mesh.se/">our</a> Swedish project <a href="http://www.mittcity.se/">Mitt City</a> with its fifty city portals and they are now going live. Many features are still missing but we will add them one after another the following months as well as fixing issues we have found. It feels really good to have the project going again. Especially since it is based completely on PHP 5, PDO and MySQL 5.</p>
<p>After working with Mitt City spending months with PHP 5 as well as MySQL I am amazed that so few are leaving PHP 4 way behind. I will not look back.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/08/back-from-vacation/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/08/back-from-vacation/&amp;title=Back+from+vacation" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/08/back-from-vacation/&amp;t=Back+from+vacation" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/08/back-from-vacation/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/08/back-from-vacation/&amp;title=Back+from+vacation&amp;summary=I%20have%20had%20a%20great%20and%20relaxing%20vacation%20and%20came%20back%20to%20work%20yesterday.%20Still%20it%20is%20somewhat%20weird%20that%20after%20four%20weeks%20of%20vacation%20I%20only%20had%20time%20to%20take%20my%20sailing%20boat%20out%20for%20the%20first%20time%20yesterday%20evening.%20It%20was%20wonderful%20-%20slowly%20sailing%20around%20the%20nearby%20islands%20in%20the%20inner%20archipelag&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/08/back-from-vacation/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/08/back-from-vacation/&amp;title=Back+from+vacation" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Back+from+vacation+-+http://b2l.me/wt2vh&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/08/back-from-vacation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The web</title>
		<link>http://www.dotvoid.com/2006/06/the-web/</link>
		<comments>http://www.dotvoid.com/2006/06/the-web/#comments</comments>
		<pubDate>Thu, 29 Jun 2006 08:32:10 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=189</guid>
		<description><![CDATA[
I&#8217;ve been busy writing agents for retreiving and parsing data in many different formats from many different sources the last couple of weeks. These agents fetch data for the Swedish city portal (actually almost 50 portals) that we are working on. The data sources are a big mess of free text, HTML, weird XML formats [...]]]></description>
			<content:encoded><![CDATA[<div class="preamble">
<p>I&#8217;ve been busy writing agents for retreiving and parsing data in many different formats from many different sources the last couple of weeks. These agents fetch data for the <a href="http://www.mittcity.se/">Swedish city portal</a> (actually almost 50 portals) that we are working on. The data sources are a big mess of free text, HTML, weird XML formats and CSV. PHP 5 is a wonderful language to work with when creating these agents.</p>
<p>Today I stumbled upon a quote I had written down many years ago from the science fiction book <a href="http://www.amazon.com/exec/obidos/ASIN/0312890230/dotvocomopens-20?creative=0&amp;camp=0&amp;adid=08M09Z8AR73XSSMQ4EDM&amp;link_code=as1">The Childgarden</a> written by Geoff Ryman and published early in 1994. Great book, great writer. The quote doesn&#8217;t really talk about the web as we know it but it felt so right.</p>
<p>&#8220;<span style="font-style: italic;">Below that, there&#8217;s the Web, That&#8217;s the memory. That&#8217;s where everything is stored, and the Web is a real mess. You can get tangled up in it.</span>&#8220;</div>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/06/the-web/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/06/the-web/&amp;title=The+web" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/06/the-web/&amp;t=The+web" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/06/the-web/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/06/the-web/&amp;title=The+web&amp;summary=%0D%0A%0D%0AI%27ve%20been%20busy%20writing%20agents%20for%20retreiving%20and%20parsing%20data%20in%20many%20different%20formats%20from%20many%20different%20sources%20the%20last%20couple%20of%20weeks.%20These%20agents%20fetch%20data%20for%20the%20Swedish%20city%20portal%20%28actually%20almost%2050%20portals%29%20that%20we%20are%20working%20on.%20The%20data%20sources%20are%20a%20big%20mess%20of%20free%20text%2C%20HTM&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/06/the-web/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/06/the-web/&amp;title=The+web" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=The+web+-+File: /data/app/webapp/functions.php<br />Line: 66<br />Message: Duplicate entry 'wwd4F' for key 'code'&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/06/the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New design and off for vacation</title>
		<link>http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/</link>
		<comments>http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/#comments</comments>
		<pubDate>Fri, 19 May 2006 14:32:09 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[integration]]></category>
		<category><![CDATA[vacation]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=186</guid>
		<description><![CDATA[I have finally pulled myself together and updated all the Smarty templates for dotvoid.com with a new design. It is not by far finished and there are lots of empty areas to fill,  and adjustments that needs to be done as well as a cleanup of faulty comment counts. But I have had these templates [...]]]></description>
			<content:encoded><![CDATA[<p>I have finally pulled myself together and updated all the Smarty templates for dotvoid.com with a new design. It is not by far finished and there are lots of empty areas to fill,  and adjustments that needs to be done as well as a cleanup of faulty comment counts. But I have had these templates waiting for more than six months now and if I&#8217;m ever to change the design I have to do it incrementally. As well as some design missing I also have to re-add the archive and search pages.</p>
<p>At work we just had a meeting discussing all the technologies and applications that we are working on at the moment. Currently, my small team of three people including myself, are integrating and developing systems using PHP, javascript, Java, C, C++, C#, ASP, Orbix  (corba), SOAP, MS CMS, MS Commerce Server, BizTalk, Oracle, MS SQL Server. We even support a Powerbuilder application on top of this. All these applications and systems run on linux, Solaris, Tru64 and windows environments. No wonder my head is spinning from time to time.</p>
<p>So it is time to let go and start focus on other things. I have decided to spend the following six months pursuing opportunities in rich web applications using technologies like PHP/C and javascript on *nix. Throw in SOAP and databases, maybe even some XSL, in the mix and I&#8217;d be more than interested&#8230;</p>
<p>Next week I will have a break from all this. I&#8217;ll spend a week in <a href="http://marbella.to/banus/">Puerto Banús</a>, Spain, with my family. We will stay in a really nice two story apartment with all the stuff and fluff you really don&#8217;t need; outdoor pool, a huge plasma TV screen as well as a broadband connection. Hopefully I won&#8217;t use the latter&#8230;</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/&amp;title=New+design+and+off+for+vacation" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/&amp;t=New+design+and+off+for+vacation" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/&amp;title=New+design+and+off+for+vacation&amp;summary=I%20have%20finally%20pulled%20myself%20together%20and%20updated%20all%20the%20Smarty%20templates%20for%20dotvoid.com%20with%20a%20new%20design.%20It%20is%20not%20by%20far%20finished%20and%20there%20are%20lots%20of%20empty%20areas%20to%20fill%2C%C2%A0%20and%20adjustments%20that%20needs%20to%20be%20done%20as%20well%20as%20a%20cleanup%20of%20faulty%20comment%20counts.%20But%20I%20have%20had%20these%20templates%20wai&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/&amp;title=New+design+and+off+for+vacation" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=New+design+and+off+for+vacation+-+File: /data/app/webapp/functions.php<br />Line: 66<br />Message: Duplicate entry 'w8trE' for key 'code'&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/05/new-design-and-off-for-vacation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I hate comment spam</title>
		<link>http://www.dotvoid.com/2006/04/i-hate-comment-spam/</link>
		<comments>http://www.dotvoid.com/2006/04/i-hate-comment-spam/#comments</comments>
		<pubDate>Sat, 22 Apr 2006 08:42:19 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=180</guid>
		<description><![CDATA[The winter is finally over. Though it was really nice with a long hard winter, with lots of snow even here in the south of Sweden, eventually one start to long for some sun. The snow melted away a couple of weeks ago but it&#8217;s not until now it&#8217;s really starting to feel like spring. [...]]]></description>
			<content:encoded><![CDATA[<p>The winter is finally over. Though it was really nice with a long hard winter, with lots of snow even here in the south of Sweden, eventually one start to long for some sun. The snow melted away a couple of weeks ago but it&#8217;s not until now it&#8217;s really starting to feel like spring. The sun is up a lot longer and it&#8217;s getting warmer every day. My lawn is filled with snowdrops and other flowers. With spring &#8211; and sun &#8211; comes all that energy one seem to miss during the winter.</p>
<p>So today I decided to start doing something about dotvoid.com. The site is filled with comment spam. I hate it but I haven&#8217;t had the energy to do anything about it. So I cleaned out around 4500 comments with links to various &#8220;resources&#8221;. I still haven&#8217;t done anything about the main problem though &#8211; that it is so easy to spam the site.</p>
<p>I still use <a href="http://www.mesh.se/products.php">my own content management system</a> (CMS) based on PHP and MySQL. It is a great system in many ways but it is not a very good blogging tool.  It wasn&#8217;t my intention in the beginning but dotvoid.com has more or less become a blog. So either I start implementing <a href="http://en.wikipedia.org/wiki/Captcha">CAPTCHA</a>, pingbacks and all that other stuff into Firesite CMS &#8211; or I can start using another system or tool that already has this in place. As I said &#8211; I&#8217;m full of energy and I&#8217;ll investigate my options the following days. I use <a href="http://www.s9y.org/">s9y</a> on another site so maybe I&#8217;ll go for that. Suggestions are welcome. Anyway &#8211; it is time to do something more with dotvoid.com. But first I&#8217;ll have a nice walk into town in the warm sunny weather with my girlfriend and my three year old daughter.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/04/i-hate-comment-spam/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/04/i-hate-comment-spam/&amp;title=I+hate+comment+spam" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/04/i-hate-comment-spam/&amp;t=I+hate+comment+spam" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/04/i-hate-comment-spam/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/04/i-hate-comment-spam/&amp;title=I+hate+comment+spam&amp;summary=The%20winter%20is%20finally%20over.%20Though%20it%20was%20really%20nice%20with%20a%20long%20hard%20winter%2C%20with%20lots%20of%20snow%20even%20here%20in%20the%20south%20of%20Sweden%2C%20eventually%20one%20start%20to%20long%20for%20some%20sun.%20The%20snow%20melted%20away%20a%20couple%20of%20weeks%20ago%20but%20it%27s%20not%20until%20now%20it%27s%20really%20starting%20to%20feel%20like%20spring.%20The%20sun%20is%20up%20a%20lo&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/04/i-hate-comment-spam/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/04/i-hate-comment-spam/&amp;title=I+hate+comment+spam" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=I+hate+comment+spam+-+http://b2l.me/wucg3&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/04/i-hate-comment-spam/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Accessible forms and unobtrusive javascript</title>
		<link>http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/</link>
		<comments>http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/#comments</comments>
		<pubDate>Thu, 09 Feb 2006 20:47:27 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=171</guid>
		<description><![CDATA[I usually try to separate backend logic from the user interface logic when creating new PHP applications. I am pro fat gui and usually have a lot of client side scripting going on. I mostly use AJAX or other remote scripting techniques to call actions defined in the PHP backend. In my latest PHP project, [...]]]></description>
			<content:encoded><![CDATA[<p>I usually try to separate backend logic from the user interface logic when creating new PHP applications. I am pro fat gui and usually have a lot of client side scripting going on. I mostly use AJAX or other remote scripting techniques to call actions defined in the PHP backend. In my latest PHP project, a timesheet application (because all the ones I find are crappy),  I went for a really accessible user interface. An interface where you don&#8217;t have to use the mouse for everything.</p>
<p>I don&#8217;t want any PHP mixed with my html. I don&#8217;t want javascript in there either which is why I like the unobtrusive way of adding javascript to my applications. So <a href="http://bennolan.com/behaviour/">behaviour</a> fits right into my world. Normally you scatter lots of onclick and other event handling attributes in the html like below.</p>
<pre>&lt;a href="#" onclick="myaction()"&gt;My action&lt;/a&gt;</pre>
<p>Instead I create rules with the help of behaviour that applies certain events to a specific element based on id or css class. This gives me really clean html and is good because I need to style links individually in CSS anyways.</p>
<pre>&lt;a href="#" id="myaction"&gt;My action&lt;/a&gt;</pre>
<pre>var sheetRules = {
    '#myaction': function(el) {
        el.onclick = handleMyAction;
    }
Behaviour.register(sheetRules);</pre>
<p>I also want to use access keys. I don&#8217;t want users to be forced using the mouse. So the html I want is below.</p>
<pre>&lt;a href="#" id="myaction" accesskey="m"&gt;My action&lt;/a&gt;</pre>
<p>Using the access key combination, ALT-m in case you&#8217;re using windows, is working great. It seems the browsers are intelligent enough to fire the onclick event instead of following the actual link. So it doesn&#8217;t ruin it for you even if you have a backup link in addition to the onlick handler in case the users have javascript turned off.</p>
<p>It is actually quite simple to create accessible applications that degrade gracefully.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/&amp;title=Accessible+forms+and+unobtrusive+javascript" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/&amp;t=Accessible+forms+and+unobtrusive+javascript" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/&amp;title=Accessible+forms+and+unobtrusive+javascript&amp;summary=I%20usually%20try%20to%20separate%20backend%20logic%20from%20the%20user%20interface%20logic%20when%20creating%20new%20PHP%20applications.%20I%20am%20pro%20fat%20gui%20and%20usually%20have%20a%20lot%20of%20client%20side%20scripting%20going%20on.%20I%20mostly%20use%20AJAX%20or%20other%20remote%20scripting%20techniques%20to%20call%20actions%20defined%20in%20the%20PHP%20backend.%20In%20my%20latest%20PHP%20pro&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/&amp;title=Accessible+forms+and+unobtrusive+javascript" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Accessible+forms+and+unobtrusive+javascript+-+File: /data/app/webapp/functions.php<br />Line: 7<br />Message: Too many connections&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/02/accessible-forms-and-unobtrusive-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Form design</title>
		<link>http://www.dotvoid.com/2006/01/form-design/</link>
		<comments>http://www.dotvoid.com/2006/01/form-design/#comments</comments>
		<pubDate>Tue, 17 Jan 2006 22:42:27 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=168</guid>
		<description><![CDATA[Over at ajaxian.com I stumbled upon a link to Swapnonil Mukherjee&#8217;s blog and an interesting article about right aligning form labels. I seldom (never) do these kinds of tests but it is still good to see that other people actually think hard about these things. Designing good forms and applications is not as simple as [...]]]></description>
			<content:encoded><![CDATA[<p>Over at <a href="http://www.ajaxian.com/">ajaxian.com</a> I stumbled upon a link to Swapnonil Mukherjee&#8217;s blog and an <a href="http://jroller.com/page/microarchitect?entry=why_you_should_right_align">interesting article</a> about right aligning form labels. I seldom (never) do these kinds of tests but it is still good to see that other people actually think hard about these things. Designing good forms and applications is not as simple as making it look good.</p>
<p>I personally prefer right aligned text but I still think left aligned text is better looking. I really like his formulas for the the eye movement over the different form designs. It almost make me wonder if it is a joke.</p>
<p>The formula for the Left Aligned Form<span style="color: #3333ff;"><br />
X*N + ((N-1)*(SQRT of( X^2 + Y^2))</span></p>
<p>The formula for the Right Aligned Form<br />
<span style="color: #3333ff;">(X/2)*N + ((N-1)*(SQRT of( (X/2)^2 + Y^2))</span></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.dotvoid.com/2006/01/form-design/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dotvoid.com/2006/01/form-design/&amp;title=Form+design" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dotvoid.com/2006/01/form-design/&amp;t=Form+design" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dotvoid.com/2006/01/form-design/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.dotvoid.com/2006/01/form-design/&amp;title=Form+design&amp;summary=Over%20at%20ajaxian.com%20I%20stumbled%20upon%20a%20link%20to%20Swapnonil%20Mukherjee%27s%20blog%20and%20an%20interesting%20article%20about%20right%20aligning%20form%20labels.%20I%20seldom%20%28never%29%20do%20these%20kinds%20of%20tests%20but%20it%20is%20still%20good%20to%20see%20that%20other%20people%20actually%20think%20hard%20about%20these%20things.%20Designing%20good%20forms%20and%20applications%20i&amp;source=dotvoid.com" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-plaxo">
			<a href="http://www.plaxo.com/?share_link=http://www.dotvoid.com/2006/01/form-design/" rel="nofollow" class="external" title="Share this on Plaxo">Share this on Plaxo</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dotvoid.com/2006/01/form-design/&amp;title=Form+design" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Form+design+-+http://b2l.me/wwzse&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.dotvoid.com/2006/01/form-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
