








<?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>Scandinavian Freelance Web Designer &#187; How to</title>
	<atom:link href="http://www.gummisig.com/category/how-to/feed" rel="self" type="application/rss+xml" />
	<link>http://www.gummisig.com</link>
	<description>...this is gummisig!</description>
	<lastBuildDate>Sun, 22 Aug 2010 10:49:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Get you site out there</title>
		<link>http://www.gummisig.com/get-you-site-out-there</link>
		<comments>http://www.gummisig.com/get-you-site-out-there#comments</comments>
		<pubDate>Thu, 24 Jun 2010 17:11:10 +0000</pubDate>
		<dc:creator>gummisig</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Spritual]]></category>

		<guid isPermaLink="false">http://www.gummisig.com/?p=1345</guid>
		<description><![CDATA["Ohh, it´s not there yet, or I have to finish this one thinge here..." Have you ever heard something similar? I have, it was me before I launched my site.]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.gummisig.com/wp-content/uploads/2010/06/The-Jump.jpg" rel="shadowbox[post-1345];player=img;"><img class="alignright size-medium wp-image-1348" title="The Jump" src="http://www.gummisig.com/wp-content/uploads/2010/06/The-Jump-300x236.jpg" alt="The Jump" width="300" height="236" /></a>“Ohh, it´s not there yet, or I have to finish this one thinge here…” Have you ever heard something similar? I have, it was me before I launched my site.</strong></p>
<p>I dont know why but I´ve always been like this. Maybe Seth Godin hit the nail on the head with that Quieting your lizard brain thing. It´s taken me years of practice to get over this type of deal (sometimes). Always thinking a lot and not doing. In fact I´m still doing this with my music, shit! But I can give some insight with this website and how it came into being.</p>
<p>Like all great peaces of art (I dont mean that) it was hard work. I sometimes get the impression from people, and I do this too, that great people that have succeeded in their field came to do that by shear luck on raw natural talent. Like Tiger Woods could drive the ball 300 yards when he first got a club in his hands. No it was hard work for him, and then he enjoyed the fruits of his labour, <em>a lot </em>!</p>
<p>But I postponed launching it for weeks and weeks cause I never <em>thought</em> it was ready. Finally I just said fuck it and launched the damn thing. It was supposed to be a soft launch, I wasn’t gonna tell anybody about it while I fixed the rest of the things that bugged me. Needless to say I was quite shocked when it got into Best Web Gallery and the visits sky rocketed. But nothing would have happened if I would have continued thinking about launching it and never launched.</p>
<p>What I´m trying to say is just do it! Dont think too much, dont let the fear of failure stop you from trying new stuff. Dont let the fear of what other people think of you stop you from doing your best. We always do our best and it´s good enough for the world in it´s entirety. If we fail, we just try again.</p>
<div class="video"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5895898&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=e91c6b&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=5895898&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=e91c6b&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/5895898">Seth Godin: Quieting the Lizard Brain</a> from <a href="http://vimeo.com/the99percent">99%</a> on <a href="http://vimeo.com">Vimeo</a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://www.gummisig.com/get-you-site-out-there/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>4 things that simplify my working day</title>
		<link>http://www.gummisig.com/4-things-that-simplify-my-working-day</link>
		<comments>http://www.gummisig.com/4-things-that-simplify-my-working-day#comments</comments>
		<pubDate>Thu, 04 Feb 2010 09:50:45 +0000</pubDate>
		<dc:creator>gummisig</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[How to]]></category>

		<guid isPermaLink="false">http://www.gummisig.com/?p=1180</guid>
		<description><![CDATA[The best things in life are transparent, some of them actually cost something. I love to optimize, so these are some of the fruits of that labor.]]></description>
			<content:encoded><![CDATA[<p><strong>There are several things I do before I start working, but I´d like to tell you about these four things, cause they matter a lot. The best things in life are transparent, some of them actually cost something. I love to optimize, so these are some of the fruits of that labor.</strong></p>
<ul>
<li><strong>Online backup</strong>. I use <a title="Mozy´s website" href="http://www.mozy.com" target="_blank">mozy</a> for online backup. It´s super easy, reliable and it works. I´ve tried restoring stuff from their servers and it went gravy, no problems what so ever. Plus Mozy is real cheap.</li>
<li><strong>0 inbox and gmail</strong>. I use gmail and I really love gmail. I used to use Apples Mail app but switched from that back and forth between it and gmail. I later decided to solely use gmail cause of the <a title="Gmail shortcut keys" href="http://mail.google.com/support/bin/answer.py?hl=en&amp;answer=6594" target="_blank">shortcut keys</a>, and the fact you can upload multiple attachments, screenshots you know. I then learned a version of the 0 inbox method, try googling that. It´s basically about not having anything in you inbox that you dont need to act on. Everything else gets archived or deleted. I just love the E key in gmail, sends stuff straight to the archive.</li>
<li><strong>Online accounting</strong>. I use a local system here called <a title="Notandos website" href="http://notando.is/" target="_blank">Notando</a>, it has a horrid interface at the moment but it sure beats writing out paper invoices and taking them to the post office. Also being able to send invoices every week or every other week keeps the cash flow going, which of course is extremely important for any small company.</li>
<li><strong>Using the same filing system every time.</strong> I´ve used pretty much the same filing system since I started working in this field. Starting out in 3d really forced me to keep my files organized. If you find something that works for you stick to it. I basically just keeps my psd´s in the root of the company folder I´m working on, sub folders for screenshots, logos, images etc. My main working tool is Photoshop so it made sense to have the psd in the root.</li>
</ul>
<p>These are some of the things I do, of course there´s a lot more. Who knows, maybe I could write some more along these lines.</p>
<p><strong>What do you do to simplify you working day?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gummisig.com/4-things-that-simplify-my-working-day/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Dotted / dashed lines in Photoshop</title>
		<link>http://www.gummisig.com/dotted-dashed-lines-in-photoshop</link>
		<comments>http://www.gummisig.com/dotted-dashed-lines-in-photoshop#comments</comments>
		<pubDate>Wed, 02 Dec 2009 11:31:18 +0000</pubDate>
		<dc:creator>gummisig</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How to]]></category>

		<guid isPermaLink="false">http://www.gummisig.com/?p=1099</guid>
		<description><![CDATA[There are several ways to do this but I recently came across the simplest and best way in my opinion. I thought I had been pretty smart about this but this is a real "duhhhh" solution.]]></description>
			<content:encoded><![CDATA[<p><strong>There are several ways to do this but I recently came across the simplest and best way in my opinion. I thought I had been pretty smart about this but this is a real “duhhhh” solution.<br />
</strong></p>
<p>I used to create the pattern myself by creating a square pattern and saving it by going, Edit / Define pattern. This method works of course but it´s a drag doing and not all that efficient.</p>
<p>There are a bunch of tutorials around the web on how to do this with the brush. But I find that method to suck somewhat when your doing typical web designer work. It´s very inflexible.</p>
<p><strong>Enter the styles palette</strong><br />
So the quick and easy method is just to use the styles palette. It comes with built in styles and some variations on dotted strokes.</p>
<p>Definitely not rocket science but a much faster and more elegant way to do this. Easy to copy stuff around and change as needed.</p>
<p>There are several versions to chose from, stroke weight, pixel spacing and other stuff. Be sure to try this out and save your self some valuable mouse moving time.
<a href='http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.18.32-AM.png' rel='shadowbox[post-1099];player=img;' title='Saving a pattern manually in Photoshop'><img width="170" height="149" src="http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.18.32-AM-170x149.png" class="attachment-thumbnail" alt="Saving a pattern manually in Photoshop" title="Saving a pattern manually in Photoshop" /></a>
<a href='http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.23.28-AM.png' rel='shadowbox[post-1099];player=img;' title='Open up styles and chose the dotted strokes from the fly out menu'><img width="170" height="353" src="http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.23.28-AM-170x353.png" class="attachment-thumbnail" alt="Open up styles and chose the dotted strokes from the fly out menu" title="Open up styles and chose the dotted strokes from the fly out menu" /></a>
<a href='http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.24.24-AM.png' rel='shadowbox[post-1099];player=img;' title='Nice looking, pixel perfect dotted strokes'><img width="170" height="143" src="http://www.gummisig.com/wp-content/uploads/2009/12/Screen-shot-2009-12-02-at-11.24.24-AM-170x143.png" class="attachment-thumbnail" alt="Nice looking, pixel perfect dotted strokes" title="Nice looking, pixel perfect dotted strokes" /></a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gummisig.com/dotted-dashed-lines-in-photoshop/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Riveting screencast</title>
		<link>http://www.gummisig.com/riveting-screencast</link>
		<comments>http://www.gummisig.com/riveting-screencast#comments</comments>
		<pubDate>Mon, 30 Nov 2009 14:15:03 +0000</pubDate>
		<dc:creator>gummisig</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[How to]]></category>

		<guid isPermaLink="false">http://www.gummisig.com/?p=1093</guid>
		<description><![CDATA[I decided to make a riveting screencast with a smashing voice over for your viewing pleasure.]]></description>
			<content:encoded><![CDATA[<p>uhhhhh, cant be bothered to work today. It´s just one of those days.</p>
<p>So I decided to make a riveting screencast with a smashing voice over for your viewing pleasure.</p>
<p><em><strong>Enjoy</strong></em><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="345" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="i=29850" /><param name="allowFullScreen" value="true" /><param name="src" value="http://screenr.com/Content/assets/screenr_1116090935.swf" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="345" src="http://screenr.com/Content/assets/screenr_1116090935.swf" allowfullscreen="true" flashvars="i=29850"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gummisig.com/riveting-screencast/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>The beauty of web standards</title>
		<link>http://www.gummisig.com/the-beauty-of-web-standards</link>
		<comments>http://www.gummisig.com/the-beauty-of-web-standards#comments</comments>
		<pubDate>Mon, 10 Aug 2009 06:00:02 +0000</pubDate>
		<dc:creator>gummisig</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[How to]]></category>

		<guid isPermaLink="false">http://www.gummisig.com/?p=964</guid>
		<description><![CDATA[I dont consider myself an expert on web standards, far from it. But I know a good thing when I see it and experience it.]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignright" style="width: 290px"><a href="http://designblurb.com/wp-content/uploads/2008/07/webstandards.jpg" rel="shadowbox[post-964];player=img;"><img title="Image taken from designblurb" src="http://designblurb.com/wp-content/uploads/2008/07/webstandards.jpg" alt="Image taken from designblurb" width="280" height="280" /></a><p class="wp-caption-text">Image taken from designblurb</p></div>
<p><strong>I dont consider myself an expert on web standards, far from it. But I know a good thing when I see it and experience it. Ever since reading Jeffrey Zeldman´s book, “<a href="http://www.happycog.com/publish/dwws/" target="_blank">Designing with web standards</a>” I´ve been an avid web standards uhhh, guy.</strong></p>
<p>When I got my first job as a web designer / coder I only knew how to use tables for layout. I was quite good at it actually, all those spacer gif´s ahhh, the good old days. The company I worked for had little insight into the div layout thing, it wasnt until I started doing it by my own motivation that we started to do table less layout. And when I read Jeffrey´s book things really started to develop fast for me and the company.</p>
<p>I´ve been reading up on some html 5.0 stuff but at this moment in time it seems like a distant dream, browser support well, sucks! It seems like the browser vendors are doing a bit better on CSS 3.0 than html 5.0 which does help some. But of course there is always one browser (guess who) that is really lagging behind the rest.</p>
<p>I coded my own site to meet the w3c standards and validate. This stuff is actually quite simple, just learn what some of the tags are supposed to do. The p tag is for a paragraph of text. Block-quote is for a quote from someone. H1 is the main headline of the page and you should use h2, h3, h4 etc for the subsequent headlines within the page. Use strong for stuff you want to be bold, it´s really simple when you just read up this stuff. I highly recommend Jeffrey´s book.</p>
<div id="attachment_966" class="wp-caption alignright" style="width: 180px"><a href="http://www.gummisig.com/wp-content/uploads/2009/08/Picture-18.png" rel="shadowbox[post-964];player=img;"><img class="size-thumbnail wp-image-966" title="gummisig.com" src="http://www.gummisig.com/wp-content/uploads/2009/08/Picture-18-170x78.png" alt="gummisig.com block quote" width="170" height="78" /></a><p class="wp-caption-text">gummisig.com block quote</p></div>
<div id="attachment_965" class="wp-caption alignright" style="width: 180px"><a href="http://www.gummisig.com/wp-content/uploads/2009/08/Picture-17.png" rel="shadowbox[post-964];player=img;"><img class="size-thumbnail wp-image-965" title="Facebook" src="http://www.gummisig.com/wp-content/uploads/2009/08/Picture-17-170x57.png" alt="Facebook block quote" width="170" height="57" /></a><p class="wp-caption-text">Facebook block quote</p></div>
<p>A great example of the benefits of correctly marking up you code can be seen when I imported my rss feeds from my site to the notes in Facebook. I actually was a bit surprised, but after getting over that I was like “of course, yeah web standards”, not in a nerdish way of course. Everything looked great in Facebook too, they apparently have also made styles in their css to accommodate for standards. My blockquotes look like blockquotes in the Facebook notes as well.</p>
<p>There are millions of other reasons to code your site with standards, this is just a small one. But it is fun to see the result. This should also look good on handheld devices and rss readers, etc.</p>
<p><em>Good markup will look good everywhere</em>, except maybe in Internet Explorer, pun intended.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gummisig.com/the-beauty-of-web-standards/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
