<?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>Spathon</title>
	<atom:link href="http://spathon.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://spathon.com</link>
	<description>Wordpress, HTML5 and CSS3</description>
	<lastBuildDate>Mon, 10 Dec 2012 14:29:19 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Nodemon</title>
		<link>http://spathon.com/nodemon/</link>
		<comments>http://spathon.com/nodemon/#comments</comments>
		<pubDate>Thu, 06 Dec 2012 19:23:50 +0000</pubDate>
		<dc:creator>Patrik Spathon</dc:creator>
				<category><![CDATA[Quick tip]]></category>

		<guid isPermaLink="false">http://spathon.com/?p=170</guid>
		<description><![CDATA[Om du utvecklar Node.js kan jag rekommendera att installera Nodemon av Remy Sharp. Nodemon lyssnar efter ändringar i filer och startar om Node.js automatiskt om en fil ändras. Installation: npm install nodemon -g Användning: nodemon app.js]]></description>
			<content:encoded><![CDATA[<p>Om du utvecklar Node.js kan jag rekommendera att installera <a href="https://github.com/remy/nodemon">Nodemon</a> av <a href="http://remysharp.com/">Remy Sharp</a>. Nodemon lyssnar efter ändringar i filer och startar om Node.js automatiskt om en fil ändras.</p>
<p>Installation:<br />
<code>npm install nodemon -g</code><br />
Användning:<br />
<code>nodemon app.js</code></p>
]]></content:encoded>
			<wfw:commentRss>http://spathon.com/nodemon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snabb guide i Node.js, Express, Jade och Stylus</title>
		<link>http://spathon.com/snabb-guide-i-node-js-express-jade-och-stylus/</link>
		<comments>http://spathon.com/snabb-guide-i-node-js-express-jade-och-stylus/#comments</comments>
		<pubDate>Mon, 26 Nov 2012 21:56:19 +0000</pubDate>
		<dc:creator>Patrik Spathon</dc:creator>
				<category><![CDATA[Node.js]]></category>
		<category><![CDATA[express]]></category>
		<category><![CDATA[jade]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[stylus]]></category>

		<guid isPermaLink="false">http://spathon.com/?p=158</guid>
		<description><![CDATA[Här kommer en liten serie snabb guider i hur du kommer igång enkelt med Node.js och Express. I denna del kommer jag bara gå igenom hur du får upp en fungerande Node server. För att generera HTML så kommer jag använda Jade som är influerat av HAML för ruby vilket är en &#8220;template engine&#8221;. Stylus används för [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-165" title="Node.js, Express, Jade &amp; Stylus" src="http://spathon.com/wp-content/uploads/2012/11/node-express-jade-stylus.gif" alt="Node.js, Express, Jade &amp; Stylus" width="600" height="170" /></p>
<p>Här kommer en liten serie snabb guider i hur du kommer igång enkelt med <a href="http://nodejs.org/">Node.js</a> och <a href="http://expressjs.com">Express</a>. I denna del kommer jag bara gå igenom hur du får upp en fungerande Node server. För att generera HTML så kommer jag använda <a href="http://jade-lang.com">Jade</a> som är influerat av HAML för ruby vilket är en &#8220;template engine&#8221;. <a href="http://learnboost.github.com/stylus/">Stylus</a> används för att generera CSS likt <a href="http://sass-lang.com/">SCSS</a> eller liknande CSS Preprocessors.</p>
<h2>Låt oss börja</h2>
<p>Börja med att installera Node.js från deras <a href="http://nodejs.org/">hemsida</a> (version 0.8.15). Då installeras både Node.js och NPM (Node Package Modules) som används för att installera och uppdatera node moduler vilket är nästa steg. Nu kan vi installera express globalt vilket underlättar att skapa nya projekt utan att börja från början.</p>
<p>Öppna terminalen och skriv följande<br />
<code>sudo npm install express -g</code><br />
Sudo och -g för att installera express globalt.</p>
<p>Gå till din hem mapp i terminalen <code>cd</code> och skriv<br />
<code>express -c stylus hello-node</code><br />
<small>Ignorera -c stylus om du vill köra vanlig CSS</small><br />
Skriv <code>cd hello-node</code> för att komma in i själva app mappen<br />
Detta genererar alla filer som behövs och då skapas en package.json<br />
<code>{<br />
"name": "application-name",<br />
"version": "0.0.1",<br />
"private": true,<br />
"scripts": {<br />
"start": "node app"<br />
},<br />
"dependencies": {<br />
"express": "3.0.3",<br />
"jade": "*",<br />
"stylus": "*"<br />
}<br />
} </code><br />
I package.json ställer du in vilka moduler som node appen är beroende av och i detta fall Express 3.0.3, senaste versionen av Jade och senaste Stylus.</p>
<p>Kör nu <code>npm install</code> för att installera beroendena.<br />
Nu har du allt som behövs för att köra din server, för att starta skriv bara<br />
<code>node app.js</code><br />
och surfa in på <a href="http://localhost:3000/">http://localhost:3000/</a><br />
<small>För att stänga node är det bara cmd+c</small></p>
<p><strong>Woohoo, that&#8217;s it!</strong></p>
<h3>Snabb genomgång av filer och mappar</h3>
<ul>
<li>app.js &#8211; Detta är själva huvudfilen som du säger åt node att köra</li>
<li>package.json &#8211; Innehåller info om applikationen och dess beroenden</li>
<li>public/ &#8211; Här ligger javascript/CSS/bilder men när man refererar till filerna i så utesluter man public ex. src=&#8221;/images/min-bild.png&#8221;</li>
<li>routes &#8211; Här finns alla routes som hanterar vilka HTML mallar som ska visas mm</li>
<li>views &#8211; Här är alla HTML (Jade) templates. layout.jade används för omsluta den enskilda sidan tex finner du header &amp; footer  i layout.jade</li>
</ul>
<p>Alla kommandon i ett:<br />
<code>sudo npm install express -g<br />
express -c stylus hello-node<br />
cd hello-node<br />
npm install<br />
node app.js</code></p>
<p>Nästa gång kommer jag gå igenom <a href="http://jade-lang.com">Jade</a> och <a href="http://learnboost.github.com/stylus/">Stylus</a> mer men om du vill kan du läsa mer på respektive hemsida som är bra dokumenterade.</p>
]]></content:encoded>
			<wfw:commentRss>http://spathon.com/snabb-guide-i-node-js-express-jade-och-stylus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nya Facebook 2011</title>
		<link>http://spathon.com/nya-facebook-2011/</link>
		<comments>http://spathon.com/nya-facebook-2011/#comments</comments>
		<pubDate>Thu, 22 Sep 2011 21:23:49 +0000</pubDate>
		<dc:creator>Patrik Spathon</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[opern graph]]></category>

		<guid isPermaLink="false">http://spathon.com/?p=97</guid>
		<description><![CDATA[Idag var F8 där Facebook presenterade ändringar i Facebook och nya funktioner. Den största visuella skillnaden var Timeline som gör om din profilsida till en tidslinje av ditt liv från födsel till idag. Antalet aktiviteter/bilder mm ökar allt med närmare nuet och mindre viktiga saker ligger som punkter i tidslinje medan viktigare och fler visas [...]]]></description>
			<content:encoded><![CDATA[<p>Idag var <a title="Facebook F8 Keynote" href="https://f8.facebook.com/">F8</a> där Facebook presenterade ändringar i Facebook och nya funktioner. Den största visuella skillnaden var <a href="https://www.facebook.com/about/timeline">Timeline</a> som gör om din profilsida till en tidslinje av ditt liv från födsel till idag. Antalet aktiviteter/bilder mm ökar allt med närmare nuet och mindre viktiga saker ligger som punkter i tidslinje medan viktigare och fler visas hela. Du kan sätta en punkt i tidslinjen som featured vilket gör den större t.ex. ett galleri eller en bild viket gör den tydligare.</p>
<p>Utvecklare kan nu börja använda <a href="https://developers.facebook.com/docs/beta/">open graph beta</a> och genom att skapa en app som använder sig av beta så får man den nya profilen men vanliga facebook användare kommer under närmsta veckorna också kunna börja testa. Det är dock bara du och andra utvecklare som ser din nya profil.</p>
<p>Efter att ha testat lite så tycker jag att det är riktigt bra och det är lätt att bli nostalgisk när man skrollar ner för tidslinjen. Jag blir mer motiverad att bli mer aktiv så jag har mitt liv dokumenterat mest för min egen skull om några år. Enda nackdelen är fortfarande att facebook är ett företag och man vet inte vad som händer om några år och hur informationen används när allt är så öppet.</p>
<p>Jag ser fram emot att göra fler appar och lära mig mer om deras open graph</p>
]]></content:encoded>
			<wfw:commentRss>http://spathon.com/nya-facebook-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SSWC 2011</title>
		<link>http://spathon.com/sswc-2011/</link>
		<comments>http://spathon.com/sswc-2011/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 19:09:06 +0000</pubDate>
		<dc:creator>Patrik Spathon</dc:creator>
				<category><![CDATA[#sswc]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[sswc]]></category>

		<guid isPermaLink="false">http://spathon.com/?p=65</guid>
		<description><![CDATA[Under helgen hölls #sswc som var ett fantastiskt event för webb &#038; sociala medie människor (nördar). Ca 400 personer vallfärdar till Tjärö som är en ö i Blekinges skärgård för att prata och lära sig mer av likasinnade. SSWC är en unconference...]]></description>
			<content:encoded><![CDATA[<p>Under helgen var ett av årets bästa event <a title="Twitter #sswc" href="http://twitter.com/#%21/search/%23sswc">#sswc</a> som är ett event där 400 webb nördar samlas på en liten ö (<a href="http://www.tjaro.com/">Tjärö</a>) i Blekinges skärgård. SSWC är en unconference där deltagarna själva håller i sessions om det de vill prata om, jag körde en liten off-topic session efter där vi diskuterade WordPress plugins. En av anledningarna till sessionen var att jag ville ha andras input om plugin utveckling och få feedback om <a href="http://wordpress.org/extend/plugins/puffar/">Puffar</a> som jag byggt och behöver beta testare till.<br />
Det jobbigaste med alla sessions var att det var så många intressanta att man var tvungen att prioritera bort några.</p>
<p>Om ni vill läsa mer eller se film och bilder så har <a href="http://twitter.com/#!/videren" title="Videren">videren</a> gjort en bra <a href="http://www.videren.net/2011/08/14/material-fran-sswc-2011/" title="Material från #sswc">lista</a> med material från #sswc, han har samlat allt från blogginlägg, bilder, video m.m</p>
<p>Blev kanske lite kort så mer kanske kommer..</p>
]]></content:encoded>
			<wfw:commentRss>http://spathon.com/sswc-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to install wordpress 3.0</title>
		<link>http://spathon.com/how-to-install-wordpress-3-0/</link>
		<comments>http://spathon.com/how-to-install-wordpress-3-0/#comments</comments>
		<pubDate>Wed, 12 May 2010 13:44:01 +0000</pubDate>
		<dc:creator>Patrik Spathon</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[config]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://spathon.com/?p=16</guid>
		<description><![CDATA[Here is a short guide/tutorial in how to install new WordPress 3.0. I assume you have downloaded the latest version of WordPress from wordpress.org else do it. To install WordPress you will need to have a local  or remote web server with: PHP version 4.3 or greater MySQL version 4.1.2 or greater When you have [...]]]></description>
			<content:encoded><![CDATA[<p>Here is a short guide/tutorial in how to install new WordPress 3.0. I assume you have downloaded the latest version of WordPress from <a title="Download WordPress CMS" href="http://wordpress.org">wordpress.org</a> else do it.</p>
<p>To install WordPress you will need to have a local  or remote web server with:</p>
<ul>
<li><a href="http://www.php.net/">PHP</a> version 4.3 or greater</li>
<li><a href="http://www.mysql.com/">MySQL</a> version 4.1.2 or  greater</li>
</ul>
<p>When you have extracted all WordPress files to the server you go to the address you extracted it to.<br />
<strong>Example:</strong> http://localhost/wordpress/ or http://your-domain.com/</p>
<p>And WordPress will ask you to create a configuration file</p>
<p><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-create-config.gif"></a><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-create-config1.gif"><img class="alignnone size-medium wp-image-47" title="wp-install-create-config" src="http://spathon.com/wp-content/uploads/2010/05/wp-install-create-config1-520x121.gif" alt="" width="520" height="121" /></a><span id="more-16"></span></p>
<p>Click the button and it will take you to a form where you will fill in your database settings. For security reasons should you change the &#8220;Table Prefix&#8221; to something else.</p>
<p><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-setup.gif"></a><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-setup1.gif"><img class="alignnone size-medium wp-image-48" title="wp-install-setup" src="http://spathon.com/wp-content/uploads/2010/05/wp-install-setup1-520x353.gif" alt="" width="520" height="353" /></a></p>
<p>When you have if the information was correct and WordPress could connect you will be sent to this page</p>
<p><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-welcome.gif"></a><a href="http://spathon.com/wp-content/uploads/2010/05/wp-install-welcome1.gif"><img class="alignnone size-medium wp-image-49" title="wp-install-welcome" src="http://spathon.com/wp-content/uploads/2010/05/wp-install-welcome1-520x567.gif" alt="" width="520" height="567" /></a></p>
<p>You should change the Username to something else than admin for example your nickname. The username is the name you will login with and it&#8217;s case-sensitive.</p>
<p>Now your installation is complete <img src='http://spathon.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>Extra security tips</h3>
<ol>
<li>If you can, move wp-config.php up to it&#8217;s parent folde. Often on a web host you can put it outside of the folder  &#8220;public_html&#8221; using an FTP.</li>
<li>Install <a href="http://wordpress.org/extend/plugins/login-lockdown/">login lockdown</a> to prevent &#8220;<a href="http://en.wikipedia.org/wiki/Brute_force_attack">Brute force attack</a>&#8221; and  install <a href="http://wordpress.org/extend/plugins/wp-security-scan/">WP Security Scan</a> for extra security.</li>
<li>Keep WordPress and plugins up to date. WordPress allows you to auto update inside the admin panel.</li>
<li>There are a lot more to do to secure your install only <a href="http://google.com">google</a> for &#8220;secure wordpress install&#8221; if you want to know more.</li>
<li>Here you can read more about installing wordpress from WordPress own site<a href="http://codex.wordpress.org/Installing_WordPress"> http://codex.wordpress.org/Installing_WordPress</a></li>
</ol>
<p>If you want to learn more about WordPress visit <a href="http://codex.wordpress.org/Main_Page">http://codex.wordpress.org</a></p>
]]></content:encoded>
			<wfw:commentRss>http://spathon.com/how-to-install-wordpress-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
