<?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 design</title>
	<atom:link href="http://www.dotvoid.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dotvoid.com</link>
	<description>Experiments and thoughts in PHP and javascript</description>
	<lastBuildDate>Tue, 11 Oct 2011 12:49:15 +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>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>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>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>Firefox</title>
		<link>http://www.dotvoid.com/2004/12/firefox/</link>
		<comments>http://www.dotvoid.com/2004/12/firefox/#comments</comments>
		<pubDate>Fri, 10 Dec 2004 09:25:31 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=105</guid>
		<description><![CDATA[I guess no one remotely interested in open source or the web can avoid the recent Firefox buzz. Firefox is a great browser if you ask me. Only one thing annoys me. The more recent versions are not displaying dotvoid.com correct. Something have been changed. So I guess it&#8217;s time to make another overhaul of [...]]]></description>
			<content:encoded><![CDATA[<p>I guess no one remotely interested in open source or the web can avoid the recent Firefox buzz. Firefox is a great browser if you ask me. Only one thing annoys me. The more recent versions are not displaying dotvoid.com correct. Something have been changed. So I guess it&#8217;s time to make another overhaul of the sites look. I&#8217;ve never been very happy with this look anyway but time is so scarce nowadays&#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/2004/12/firefox/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/2004/12/firefox/&amp;title=Firefox" 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/2004/12/firefox/&amp;t=Firefox" 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/2004/12/firefox/&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/2004/12/firefox/&amp;title=Firefox&amp;summary=I%20guess%20no%20one%20remotely%20interested%20in%20open%20source%20or%20the%20web%20can%20avoid%20the%20recent%20Firefox%20buzz.%20Firefox%20is%20a%20great%20browser%20if%20you%20ask%20me.%20Only%20one%20thing%20annoys%20me.%20The%20more%20recent%20versions%20are%20not%20displaying%20dotvoid.com%20correct.%20Something%20have%20been%20changed.%20So%20I%20guess%20it%27s%20time%20to%20make%20another%20overh&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/2004/12/firefox/" 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/2004/12/firefox/&amp;title=Firefox" 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=Firefox+-+http://b2l.me/w4jrt&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/2004/12/firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firesite CMS progress</title>
		<link>http://www.dotvoid.com/2004/04/firesite-cms-progress/</link>
		<comments>http://www.dotvoid.com/2004/04/firesite-cms-progress/#comments</comments>
		<pubDate>Thu, 22 Apr 2004 21:02:04 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=76</guid>
		<description><![CDATA[I am slowly working on Firesite CMS even though there are thousands of things going on at the moment. It feels like a thousand things anyway. I am about to move to a new apartment. Somehow it seems me and my girlfriend is moving at least once a year. Always a hassle. Anyways, at the [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_77" class="wp-caption alignleft" style="width: 108px"><img class="size-full wp-image-77" title="Firesite logo" src="http://www.dotvoid.com/wp-content/uploads/2008/09/fs__media_mod_action_008.png" alt="Firesite logo" width="98" height="29" /><p class="wp-caption-text">Firesite logo</p></div>
<p>I am slowly working on Firesite CMS even though there are thousands of things going on at the moment. It feels like a thousand things anyway. I am about to move to a new apartment. Somehow it seems me and my girlfriend is moving at least once a year. Always a hassle. Anyways, at the moment I am concentrating on the file management replacement.</p>
<p>I am creating a more file manager lookalike interface which is actually very promising. It seems everything you&#8217;d want to do is doable using javascript and html only. Below you can see a small screenshot of the unfinished file browser.</p>
<div id="attachment_78" class="wp-caption aligncenter" style="width: 350px"><img class="size-full wp-image-78" title="Firesite file browser" src="http://www.dotvoid.com/wp-content/uploads/2008/09/fs__media_mod_action_009.png" alt="Firesite file browser" width="340" height="255" /><p class="wp-caption-text">Firesite file browser</p></div>
<p>The one thing I still haven&#8217;t decided upon is whether or not to use double click to open a folder or file. Using double click to open folders and files would enable the user to click on a folder to select it and then click the delete button. Very intuitive. To double click an item in the web gui environment to open it however &#8211; is not very intuitive.</p>
<p>If I stick to single click to open folders it is more in line with the rest of the application. But then I don&#8217;t know how to solve selecting folders for deletion in a simple way.</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/2004/04/firesite-cms-progress/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/2004/04/firesite-cms-progress/&amp;title=Firesite+CMS+progress" 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/2004/04/firesite-cms-progress/&amp;t=Firesite+CMS+progress" 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/2004/04/firesite-cms-progress/&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/2004/04/firesite-cms-progress/&amp;title=Firesite+CMS+progress&amp;summary=%0D%0A%0D%0AI%20am%20slowly%20working%20on%20Firesite%20CMS%20even%20though%20there%20are%20thousands%20of%20things%20going%20on%20at%20the%20moment.%20It%20feels%20like%20a%20thousand%20things%20anyway.%20I%20am%20about%20to%20move%20to%20a%20new%20apartment.%20Somehow%20it%20seems%20me%20and%20my%20girlfriend%20is%20moving%20at%20least%20once%20a%20year.%20Always%20a%20hassle.%20Anyways%2C%20at%20the%20moment%20I%20am%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/2004/04/firesite-cms-progress/" 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/2004/04/firesite-cms-progress/&amp;title=Firesite+CMS+progress" 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=Firesite+CMS+progress+-+http://b2l.me/wuy4z&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/2004/04/firesite-cms-progress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Standards are difficult</title>
		<link>http://www.dotvoid.com/2004/04/standards-are-difficult/</link>
		<comments>http://www.dotvoid.com/2004/04/standards-are-difficult/#comments</comments>
		<pubDate>Tue, 20 Apr 2004 15:17:48 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=71</guid>
		<description><![CDATA[
I have been trying to get dotvoid.com look the same would you prefer Internet Explorer or, as me, Mozilla. I have disregarded Opera even though the few times I&#8217;ve tested it, it seemed to be a good enough browser. I just assume Opera has no problems as I try my hardest to stick to the [...]]]></description>
			<content:encoded><![CDATA[<div class="preamble">
<p>I have been trying to get dotvoid.com look the same would you prefer Internet Explorer or, as me, <a href="http://www.mozilla.org/">Mozilla</a>. I have disregarded <a href="http://www.opera.com/">Opera</a> even though the few times I&#8217;ve tested it, it seemed to be a good enough browser. I just assume Opera has no problems as I try my hardest to stick to the standards. There are a few things bugging me that I still need to sort out though.</div>
<p>First and foremost I am actually very annoyed at the embeddable HTML editing widget in Mozilla. Supporting the same kind of embeddable wysiwyg editor in Mozilla as existing in IE was a great decision. Annoyingly the mozilla team made the editor insert a <span style="font-style: italic;">&lt;BR&gt;</span> instead of a new paragraph when hitting enter. This makes it very hard for me to create a completely xhtml 1.1 compliant site using my own Firesite CMS. Sigh.</p>
<div id="attachment_73" class="wp-caption aligncenter" style="width: 190px"><img class="size-full wp-image-73" title="Dotvoid.com design" src="http://www.dotvoid.com/wp-content/uploads/2008/09/fs__media_mod_action_007.png" alt="Dotvoid.com design" width="180" height="189" /><p class="wp-caption-text">Dotvoid.com design</p></div>
<p>The menus I have created on the left side of the pages are supposed to look like tabs, which they also do in Mozilla. This effect is easily achieved using CSS and a negative right margin for the menu item which overlays the border of the page content. I don&#8217;t explain so good so just look at the above image and you&#8217;ll see what I mean. In Internet Explorer I get a thin border between the (active) start menu item and the content. I am sure I&#8217;m going about it wrong but I just can&#8217;t seem to figure it out.</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/2004/04/standards-are-difficult/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/2004/04/standards-are-difficult/&amp;title=Standards+are+difficult" 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/2004/04/standards-are-difficult/&amp;t=Standards+are+difficult" 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/2004/04/standards-are-difficult/&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/2004/04/standards-are-difficult/&amp;title=Standards+are+difficult&amp;summary=%0D%0A%0D%0AI%20have%20been%20trying%20to%20get%20dotvoid.com%20look%20the%20same%20would%20you%20prefer%20Internet%20Explorer%20or%2C%20as%20me%2C%20Mozilla.%20I%20have%20disregarded%20Opera%20even%20though%20the%20few%20times%20I%27ve%20tested%20it%2C%20it%20seemed%20to%20be%20a%20good%20enough%20browser.%20I%20just%20assume%20Opera%20has%20no%20problems%20as%20I%20try%20my%20hardest%20to%20stick%20to%20the%20standards.%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/2004/04/standards-are-difficult/" 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/2004/04/standards-are-difficult/&amp;title=Standards+are+difficult" 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=Standards+are+difficult+-+File: /data/app/webapp/functions.php<br />Line: 66<br />Message: Duplicate entry 'wyfcZ' 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/2004/04/standards-are-difficult/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Colors and patterns</title>
		<link>http://www.dotvoid.com/2004/04/colors-and-patterns/</link>
		<comments>http://www.dotvoid.com/2004/04/colors-and-patterns/#comments</comments>
		<pubDate>Tue, 13 Apr 2004 12:52:55 +0000</pubDate>
		<dc:creator>Danne</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.commodi.com/?p=68</guid>
		<description><![CDATA[
I am not an artist nor a designer. Colors and patterns I pick somehow refuse to look good together unless I use different shades of gray. However dull gray is, it is extremely easy to apply to any design. Sure it looks clean but when people send me emails telling me my design looks good [...]]]></description>
			<content:encoded><![CDATA[<div class="preamble">
<p>I am not an artist nor a designer. Colors and patterns I pick somehow refuse to look good together unless I use different shades of gray. However dull gray is, it is extremely easy to apply to any design. Sure it looks clean but when people send me emails telling me my design looks good I can&#8217;t help but thinking &#8211; &#8220;what design?&#8221;.</p>
<p>So what should a man desperate to create a design good enough for his carefully crafted website do?</p></div>
<p>As for me, I set forth on a quest through the wonderland of good looking designs scattered thoughout the vast and dangerous world wide web. Somehow it feels good to see that there really isn&#8217;t much originality out there. All the graphics, design and javascript bloggers have links to sites in the same genre and name their linked cyberfriends sites as an inspiration.</p>
<p>An innovative design quickly spreads and creates a new trend. These trends in web design being very obvious. A year, or probably two years, back the white low tech design was very hot. I guess in some way it still is because of <a href="http://www.movabletype.org/">Movable Type</a> and the likes. Before that the <a href="http://www.bbc.co.uk/">portal interface</a> with numerous distinct boxes were hot stuff. Heck, I remember when a black background was cool design and a white background meant the page was produced in Frontpage. Right now patterns have a revival.</p>
<p>I guess I won&#8217;t ever see fresh ideas before they already have created the trend and spread all over the loosely tied networks of bloggers and all the sites I frequent. And as a code oriented non designer web developer I guess I am doomed to be a follower.</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/2004/04/colors-and-patterns/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/2004/04/colors-and-patterns/&amp;title=Colors+and+patterns" 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/2004/04/colors-and-patterns/&amp;t=Colors+and+patterns" 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/2004/04/colors-and-patterns/&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/2004/04/colors-and-patterns/&amp;title=Colors+and+patterns&amp;summary=%0D%0A%0D%0AI%20am%20not%20an%20artist%20nor%20a%20designer.%20Colors%20and%20patterns%20I%20pick%20somehow%20refuse%20to%20look%20good%20together%20unless%20I%20use%20different%20shades%20of%20gray.%20However%20dull%20gray%20is%2C%20it%20is%20extremely%20easy%20to%20apply%20to%20any%20design.%20Sure%20it%20looks%20clean%20but%20when%20people%20send%20me%20emails%20telling%20me%20my%20design%20looks%20good%20I%20can%27t%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/2004/04/colors-and-patterns/" 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/2004/04/colors-and-patterns/&amp;title=Colors+and+patterns" 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=Colors+and+patterns+-+http://b2l.me/wuy34&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/2004/04/colors-and-patterns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

