<?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>Tapaninaho &#187; web design</title>
	<atom:link href="http://tapaninaho.com/blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://tapaninaho.com/blog</link>
	<description>Kristian Tapaninaho’s place to write and share ideas.</description>
	<lastBuildDate>Thu, 15 Jul 2010 17:41:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>The New Suklaa.org</title>
		<link>http://tapaninaho.com/blog/2009/03/the-new-suklaa-website/</link>
		<comments>http://tapaninaho.com/blog/2009/03/the-new-suklaa-website/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 14:18:55 +0000</pubDate>
		<dc:creator>Kristian</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Suklaa]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://tapaninaho.com/blog/?p=359</guid>
		<description><![CDATA[Just so it doesn&#8217;t go un-noticed, I&#8217;ve just redesigned my company&#8217;s website. You can find it at suklaa.org. What makes the new website As it&#8217;s often the case, these redesigns don&#8217;t come too easily; first it was a problem of finding inspiration and direction, and next it was finding time that was hard. That said, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://suklaa.org"><img src="http://tapaninaho.com/blog/wp-content/uploads/2009/03/suklaa-website-screenshot-300x204.png" alt="suklaa-website-screenshot" title="suklaa-website-screenshot" width="300" height="204" class="alignleft size-medium wp-image-372" /></a><br />
Just so it doesn&#8217;t go un-noticed, I&#8217;ve just redesigned my company&#8217;s website. You can find it at <a href="http://suklaa.org/">suklaa.org</a>. </p>
<p><strong>What makes the new website</strong></p>
<p>As it&#8217;s often the case, these redesigns don&#8217;t come too easily; first it was a problem of finding inspiration and direction, and next it was finding time that was hard. That said, it was a pleasure to work on it. I used the fantastic <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> theme which is &#8211; I guess &#8211; more of a framework that gives you the basic functionality of a WordPress theme but no styling. It was a bit tricky to get all the selectors to work as I&#8217;m not that used working with dynamic CSS selectors &#8211; which Sandbox uses &#8211; but got it working in the end. One of the main aim and ideas when getting started was to use as large as possible image. Most visitor on our site will have bigger than 1024&#215;768 screen so the front page image as well as images on individual pages are 1024 pixels wide. Most thumbnail images on the site are &#8216;hot&#8217; as in when you click on them, they load a zoomed version of the image. Check them out in our company blog: <a href="http://suklaa.org/2009/03/we-have-redesigned/">Suklaa Weblog</a>. To do that zoom effect, I&#8217;ve used <a href="http://wordpress.org/extend/plugins/fancybox-for-wordpress/">FancyBox for WordPress</a> which I think is a must have plugin on any site that needs show photographs. FancyBox is developed by <a href="http://kac.klade.lv/">Janis Skarnelis</a> and ported to WP by <a href="http://moskis.net/">José Pardilla</a>. They&#8217;ve done a fantastic job. I&#8217;m also using <a href="http://jameslao.com/2008/04/18/category-posts-widget-13/">Category Posts Widget</a> which allow me to pull lists of posts from different categories. Very useful. Other that it&#8217;s all pretty basic; <a href="http://www.oratransplant.nl/uga">Ultimate Google Analytics</a>, <a href="http://www.arnebrachhold.de/redir/sitemap-home/">Google XML Sitemap</a> and <a href="http://semperfiwebdesign.com/">All in One SEO Pack</a>.</p>
<p><strong>Few things to do</strong></p>
<p>If you had a look at the site already, you&#8217;ve probably noticed that there&#8217;s a bit of work to be done. Mainly with styling the archive and search results page as well as coming up with a better design for the blog. At the moment it needs big photos to keep the text from being too wide. Not sure what I&#8217;m going to do with it. Maybe a hand coded sidebar element that gets dropped into each post? Is there a way of using a different template for a different categories? Also links need work done so they&#8217;ll actually look like links.</p>
<p>What do you think of the site? Any comments?</p>
]]></content:encoded>
			<wfw:commentRss>http://tapaninaho.com/blog/2009/03/the-new-suklaa-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design Workflow for Non-Web Designers</title>
		<link>http://tapaninaho.com/blog/2008/04/web-design-workflow-for-non-web-designers/</link>
		<comments>http://tapaninaho.com/blog/2008/04/web-design-workflow-for-non-web-designers/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 09:33:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Geeky]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://tapaninaho.com/blog/?p=162</guid>
		<description><![CDATA[check $value ('0', '1') if $value = '1' then set hireDesigner to 'Yes' else tell application "iWeb" launch end tell end if A bit of light humor I used in a recent web design workshop I did for a group of photography students. Not sure how to continue it. Any ideas? [UPDATE] I&#8217;ve now finished [...]]]></description>
			<content:encoded><![CDATA[<p><code><br />
check $value ('0', '1')<br />
if $value = '1'<br />
then set hireDesigner to 'Yes'<br />
else<br />
tell application "iWeb"<br />
launch<br />
end tell<br />
end if<br />
</code></p>
<p>A bit of light humor I used in a recent web design workshop I did for a group of photography students. Not sure how to continue it. Any ideas?</p>
<p>[UPDATE] I&#8217;ve now finished the script. It was so obvious in the end&#8230;</p>
<p>&#8211;kristian</p>
<p><script type="text/javascript">
digg_url = 'http://tapaninaho.com/blog/2008/04/web-design-workflow-for-non-web-designers';
digg_bgcolor = '#ffffff';
digg_skin = 'compact';
digg_window = 'new';
</script><br />
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br />
<!--adsense--></p>
]]></content:encoded>
			<wfw:commentRss>http://tapaninaho.com/blog/2008/04/web-design-workflow-for-non-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
