<?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>Mediascreen</title>
	<atom:link href="http://mediascreen.se/feed/" rel="self" type="application/rss+xml" />
	<link>http://mediascreen.se</link>
	<description></description>
	<lastBuildDate>Sat, 01 May 2010 08:23:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>Videotips: SEOmoz stora samling miniföreläsningar</title>
		<link>http://mediascreen.se/2010/05/videotips-seomoz-stora-samling-miniforelasningar/</link>
		<comments>http://mediascreen.se/2010/05/videotips-seomoz-stora-samling-miniforelasningar/#comments</comments>
		<pubDate>Sat, 01 May 2010 08:23:00 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=747</guid>
		<description><![CDATA[<p>Varje fredag lägger SEOmoz ut en ny informell liten föreläsning om ett aktuellt SEO-tema. Även om man prenumererar på deras blogg så är det inte alltid läge att titta på en 10-minuters föreläsning när man går igenom det senaste i rss-läsaren. För de tillfällen man däremot har lite tid över [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-750" title="SEOmoz - Whiteboard Friday" src="http://mediascreen.se/wp-content/uploads/2010/05/SEOmoz-Whiteboard-Friday1.jpg" alt="SEOmoz - Whiteboard Friday" width="373" height="228" />Varje fredag lägger <a href="http://www.seomoz.org/">SEOmoz</a> ut en ny informell liten föreläsning om ett aktuellt SEO-tema. Även om man prenumererar på deras blogg så är det inte alltid läge att titta på en 10-minuters föreläsning när man går igenom det senaste i rss-läsaren. För de tillfällen man däremot har lite tid över så har SEOmoz vid det här laget fått ihop inte mindre än 167 småföreläsningar i sitt <a href="http://www.seomoz.org/blog/category/37?show=50">arkiv av Whiteboard Fridays</a>. Kanske något att utforska nästa gång du har lite tid över?</p>
<p>Filmerna tar upp ganska avancerade aspekter av SEO så om du är helt ny så kan det vara bra att läsa igenom deras <a href="http://www.seomoz.org/article/beginners-1-page">utmärkta nybörjarguide</a> först.</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2010/05/videotips-seomoz-stora-samling-miniforelasningar/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nya visitkort, 2D codes och vcards</title>
		<link>http://mediascreen.se/2010/04/nya-visitkort-2d-codes-och-vcards/</link>
		<comments>http://mediascreen.se/2010/04/nya-visitkort-2d-codes-och-vcards/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 11:36:21 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[personligt]]></category>
		<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[2d-codes]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[moocards]]></category>
		<category><![CDATA[qr-codes]]></category>
		<category><![CDATA[vCard]]></category>
		<category><![CDATA[visitkort]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=727</guid>
		<description><![CDATA[<p>Mina nya visitkort kom för ett tag sedan. Jag är ju inte någon formgivare direkt, men jag tycker de blev ganska bra.</p>
<p>Eftersom jag har en del olika roller så ville jag ha ganska neutrala kort med den mest grundläggande informationen. Mediascreen har fortfarande inte någon fast grafisk profil eller ens [...]]]></description>
			<content:encoded><![CDATA[<p>Mina nya visitkort kom för ett tag sedan. Jag är ju inte någon formgivare direkt, men jag tycker de blev ganska bra.</p>
<p>Eftersom jag har en del olika roller så ville jag ha ganska neutrala kort med den mest grundläggande informationen. Mediascreen har fortfarande inte någon fast grafisk profil eller ens en varaktig logotyp, och jag ville inte låsa fast mig i något hastigt påkommet bara för att jag behövde visitkort. Därför passade det bra med något lekfullt och grafiskt, som ändå inte skulle uppfattas som en grafisk profil. Eftersom <a href="http://moo.com/">Moocards</a> klarar av att trycka olika motiv på varje kort och jag hade lite bråttom, så blev det helt enkelt 10 olika färger på korten.</p>
<p>Jag har länge varit intresserad av att använda <a href="http://en.wikipedia.org/wiki/Barcode#Matrix_.282D.29_barcodes">tvådimensionella streckkoder</a>, så visitkortet blev en bra plats att testa lite på. <a href="http://en.wikipedia.org/wiki/QR_Code">QR koden</a> (en av de två standarderna) fungerar både som dekoration och som länk till <a href="http://m.mediascreen.se/">uppdaterad info om mig och mina projekt</a> &#8211; en slags kompensation för att informationen på kortet är så sparsam. Detta ledde också till att jag fick experimentera lite med webbanpassning för iPhone/Android. <a href="http://m.mediascreen.se/">Mobilsajten</a> är gjord med <a href="http://microformats.org/">microformats</a> och kan därmed tolkas automatiskt och konverteras on the fly till exempelvis ett <a href="http://en.wikipedia.org/wiki/VCard">vCard</a>. Länken som finns på sajten går till en <a href="http://h2vx.com/vcf/">tredjepartstjänst</a> som läser in sidan och genererar ett vCard. Allt hade fungerat perfekt om det nu inte hade visat sig att vare sig <a href="http://timepedia.blogspot.com/2007/07/top-n-missing-features-from-iphone.html">iPhone</a> eller <a href="http://code.google.com/p/android/issues/detail?id=3537">Android</a> klarar av att ladda ner och spara vCards. Nåväl, idén var ju god&#8230;</p>
<p><img class="size-full wp-image-732 alignleft" title="Några olika färger" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9337.jpg" alt="" width="500" height="305" /><br />
<em>Baksidan i 10 olika färger</em></p>
<p><img class="size-full wp-image-736 alignleft" title="Scannar steckkod" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9368.jpg" alt="" width="500" height="336" /><br />
<em>Scannar streckkoden&#8230;</em></p>
<p><img class="alignleft size-full wp-image-737" title="Länken hittad" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9369.jpg" alt="" width="500" height="326" /><br />
<em>Länken i streckkoden hittad</em></p>
<p><img class="alignleft size-full wp-image-733" title="Snygg förpackning" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9347.jpg" alt="" width="500" height="322" /><br />
<em>Snygg förpackning</em></p>
<p><img class="alignleft size-full wp-image-734" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9355.jpg" alt="" width="500" height="331" /><br />
<em>Passade på att beställa ett häfte med klistermärken också</em></p>
<p><img class="alignleft size-full wp-image-735" src="http://mediascreen.se/wp-content/uploads/2010/04/PICT9357.jpg" alt="" width="500" height="328" /><br />
<em>Dags att tapetsera stan med klistermärken?</em></p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2010/04/nya-visitkort-2d-codes-och-vcards/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Året som gick</title>
		<link>http://mediascreen.se/2010/02/aret-som-gick/</link>
		<comments>http://mediascreen.se/2010/02/aret-som-gick/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 16:06:51 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[personligt]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[24hbc]]></category>
		<category><![CDATA[eget företag]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=582</guid>
		<description><![CDATA[<p>Inspirerad av alla andra som redan skrivit sina avstämningar av årets som gått så kommer min sammanfattning av 2009 här.</p>
<p>Mitt största beslut under året var att säga upp mig. Sedan flera år tillbaka har jag kört lite småprojekt vid sidan av min anställning. Gradvis har projekten blivit fler samtidigt som [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mediascreen.se/wp-content/uploads/2010/02/marcus-andersson-24hbc.jpg"><img class="alignleft size-medium wp-image-723" title="Marcus Andersson på 24hbc" src="http://mediascreen.se/wp-content/uploads/2010/02/marcus-andersson-24hbc-248x300.jpg" alt="Marcus Andersson på 24hbc" width="248" height="300" /></a>Inspirerad av alla andra som redan skrivit sina avstämningar av årets som gått så kommer min sammanfattning av 2009 här.</p>
<p>Mitt största beslut under året var att säga upp mig. Sedan flera år tillbaka har jag kört lite småprojekt vid sidan av min anställning. Gradvis har projekten blivit fler samtidigt som jag återupptagit frilansandet. Tiden för detta skaffade jag mig främst genom att gå upp tidigare och arbeta två timmar innan jag gick till jobbet. I längden började det kännas lite tungt. Dessutom fick jag hela tiden nya idéer i snabbare takt än jag han med att prova dem. Jag drog igång en massa småprojekt, men orkade inte göra något vettigt av dem.</p>
<p>Under semestern i somras provade jag att lägga två veckor på ett nytt projekt. Jag jobbade hemifrån och lyckades inte ens komma i närheten av min produktivitet på jobbet. Min slutsats blev att antingen lägger jag ner sidoprojekten, går till jobbet på dagarna och sjunker ner framför tv:n varje kväll eller så säger jag upp mig, skaffar en kontorsplats och gör det på riktigt.</p>
<p>Resultatet blev någonstans mitt emellan. Jag sa upp mig, men kom överens med min förstående arbetsgivare om jag skulle fortsätta som konsult på 40 procent tills vidare. Det har flutit på bra, jag är fortfarande kvar, och jobbar numera enbart med utvecklingen av vårt publiceringssystem. Det är nog det roligaste projektet jag jobbat med hittills.</p>
<p>Efter att ha tittat på en del olika alternativ så hyrde jag från och med oktober in mig på <a href="http://www.hitta.se/LargeMap.aspx?gatubild&amp;gvX=1628727&amp;gvY=6581890">Regeringsgatan 82</a> hos <a href="http://twitter.com/boontariga">Boontariga</a> och Ida. I samma lokaler sitter flera andra intressanta företag, så det finns mycket roligt folk där på dagarna.</p>
<p>Min första tid på egen hand fick en fantastisk kickoff med <a href="http://www.24hbc.com/">24 hour business camp</a>. Som jag har <a href="http://mediascreen.se/2009/11/vad-jag-larde-mig-pa-24hbc/">skrivit</a> om <a href="http://mediascreen.se/2009/08/skickat-in-anmalan-till-24-hour-business-camp/">tidigare</a> så byggde jag <a href="http://viktpuls.se">viktdagboken Viktpuls</a>. Sedan dess har jag försökt lägga några dagar då och då på att bygga vidare på idén och nu har Viktpuls runt 150 användare. Strax innan jul fick jag dessutom reda på att Viktpuls hade vunnit Yasiragis egna pris – en övernattning för två på Hasseludden. Det ska bli skönt att åka ditt igen och faktiskt hinna njuta lite av stället.</p>
<p>Andra mindre projekt under hösten var ombyggnaden av den här sidan från en personlig blogg till något som mer liknar en företagssida, och <a href="http://hälsopuls.se">Hälsopuls</a> som visar förkylnings- och influensaläget bland svenska twittrare. Jag har också börjat på ett lite större projekt, men det återstår fortfarande en hel del arbete innan det är klart för en alfa-release.</p>
<p>Under hösten har jag även lagt en del tid på att bli en bättre programmerare. Eftersom jag pluggade på Handels istället för på KTH så har jag ju en del att hämta in. Jag har framför allt läst klassisk programmeringslitteratur: <a href="http://www.amazon.com/Refactoring-Improving-Design-Existing-Code/dp/0201485672">Refactoring</a>, Gang of Fours <a href="http://www.amazon.com/Design-Patterns-Elements-Reusable-Object-Oriented/dp/0201633612">Design Patterns</a>, <a href="http://www.amazon.com/Pragmatic-Programmer-Journeyman-Master/dp/020161622X">The Pragmatic Programmer</a> och <a href="http://www.amazon.com/Code-Complete-Practical-Handbook-Construction/dp/0735619670/ref=pd_bxgy_b_img_b">Code Complete</a>. Jag har även börjat använda versionshantering (<a href="http://git-scm.com/">Git </a>och <a href="https://github.com/">GitHub</a>) och gått över ifrån Dreamweaver till <a href="http://netbeans.org/">NetBeans</a>. Efter att ha provat några olika ramverk hittade jag till sist en struktur som fungerar för mig. Utifrån den byggde jag ett gemensamt mini-ramverk som används i alla mina projekt.</p>
<p>Några frilansuppdrag har det också blivit. Något jag måste bli bättre på är dock att kommunicera med kunder och att beräkna tidsåtgång. Administration, support och kommunikation tar alltid mycket längre tid än vad jag räknar med.</p>
<p>Sammanfattningsvis är jag ganska nöjd med året som gått. Jag har hunnit med lite mindre än jag tänkt, men å andra sidan har jag lärt mig mer i år än under de senaste fem åren tillsammans. Och nästa år kommer förhoppningsvis att bli ännu bättre.</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;"><!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:RelyOnVML /> <o:AllowPNG /> </o:OfficeDocumentSettings> </xml><![endif]--><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves /> <w:TrackFormatting /> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF /> <w:LidThemeOther>SV</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> <w:Word11KerningPairs /> <w:CachedColBalance /> </w:Compatibility> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> <m:brkBinSub m:val="&#45;-" /> <m:smallFrac m:val="off" /> <m:dispDef /> <m:lMargin m:val="0" /> <m:rMargin m:val="0" /> <m:defJc m:val="centerGroup" /> <m:wrapIndent m:val="1440" /> <m:intLim m:val="subSup" /> <m:naryLim m:val="undOvr" /> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"   DefSemiHidden="true" DefQFormat="false" DefPriority="99"   LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Normal" /> <w:LsdException Locked="false" Priority="9" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="heading 1" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" /> <w:LsdException Locked="false" Priority="39" Name="toc 1" /> <w:LsdException Locked="false" Priority="39" Name="toc 2" /> <w:LsdException Locked="false" Priority="39" Name="toc 3" /> <w:LsdException Locked="false" Priority="39" Name="toc 4" /> <w:LsdException Locked="false" Priority="39" Name="toc 5" /> <w:LsdException Locked="false" Priority="39" Name="toc 6" /> <w:LsdException Locked="false" Priority="39" Name="toc 7" /> <w:LsdException Locked="false" Priority="39" Name="toc 8" /> <w:LsdException Locked="false" Priority="39" Name="toc 9" /> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" /> <w:LsdException Locked="false" Priority="10" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Title" /> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" /> <w:LsdException Locked="false" Priority="11" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtitle" /> <w:LsdException Locked="false" Priority="22" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Strong" /> <w:LsdException Locked="false" Priority="20" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Emphasis" /> <w:LsdException Locked="false" Priority="59" SemiHidden="false"    UnhideWhenUsed="false" Name="Table Grid" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" /> <w:LsdException Locked="false" Priority="1" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="No Spacing" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 1" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 1" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 1" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 1" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" /> <w:LsdException Locked="false" Priority="34" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" /> <w:LsdException Locked="false" Priority="29" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Quote" /> <w:LsdException Locked="false" Priority="30" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 1" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 1" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 1" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 1" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 1" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 2" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 2" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 2" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 2" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 2" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 2" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 2" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 2" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 3" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 3" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 3" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 3" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 3" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 3" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 3" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 3" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 3" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 4" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 4" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 4" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 4" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 4" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 4" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 4" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 4" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 4" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 5" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 5" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 5" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 5" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 5" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 5" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 5" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 5" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 5" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 6" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 6" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 6" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 6" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 6" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 6" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 6" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 6" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 6" /> <w:LsdException Locked="false" Priority="19" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" /> <w:LsdException Locked="false" Priority="21" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" /> <w:LsdException Locked="false" Priority="31" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" /> <w:LsdException Locked="false" Priority="32" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" /> <w:LsdException Locked="false" Priority="33" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Book Title" /> <w:LsdException Locked="false" Priority="37" Name="Bibliography" /> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" /> </w:LatentStyles> </xml><![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:"Cambria Math"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-charset:1; 	mso-generic-font-family:roman; 	mso-font-format:other; 	mso-font-pitch:variable; 	mso-font-signature:0 0 0 0 0 0;} @font-face 	{font-family:Calibri; 	panose-1:2 15 5 2 2 2 4 3 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:-520092929 1073786111 9 0 415 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-unhide:no; 	mso-style-qformat:yes; 	mso-style-parent:""; 	margin-top:0cm; 	margin-right:0cm; 	margin-bottom:10.0pt; 	margin-left:0cm; 	line-height:115%; 	mso-pagination:widow-orphan; 	font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:Calibri; 	mso-fareast-theme-font:minor-latin; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi; 	mso-fareast-language:EN-US;} .MsoChpDefault 	{mso-style-type:export-only; 	mso-default-props:yes; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:Calibri; 	mso-fareast-theme-font:minor-latin; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi; 	mso-fareast-language:EN-US;} .MsoPapDefault 	{mso-style-type:export-only; 	margin-bottom:10.0pt; 	line-height:115%;} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 70.85pt 70.85pt 70.85pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]> <mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin-top:0cm; 	mso-para-margin-right:0cm; 	mso-para-margin-bottom:10.0pt; 	mso-para-margin-left:0cm; 	line-height:115%; 	mso-pagination:widow-orphan; 	font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:"Times New Roman"; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi;} --> <!--[endif]--></p>
<p class="MsoNormal">Inspirerad av alla andra som redan skrivit sina avstämningar av årets som gått så kommer min sammanfattning av 2009 här.</p>
<p class="MsoNormal">Mitt största beslut under året var att säga upp mig. Sedan flera år tillbaka har jag kört lite småprojekt vid sidan av min anställning. Gradvis har projekten blivit fler samtidigt som jag återupptagit frilansandet. Tiden för detta skaffade jag mig främst genom att gå upp tidigare och arbeta två timmar innan jag gick till jobbet. I längden började det kännas lite tungt. Dessutom fick jag hela tiden nya idéer i snabbare takt än jag han med att prova dem. Jag drog igång en massa småprojekt, men orkade inte göra något vettigt av dem.</p>
<p class="MsoNormal">Under semestern i somras provade jag att lägga två veckor på ett nytt projekt. Jag jobbade hemifrån och lyckades inte ens komma i närheten av min produktivitet på jobbet. Min slutsats blev att antingen lägger jag ner sidoprojekten, går till jobbet på dagarna och sjunker ner framför tv:n varje kväll eller så säger jag upp mig, skaffar en kontorsplats och gör det på riktigt.</p>
<p class="MsoNormal">Resultatet blev någonstans mitt emellan. Jag sa upp mig, men kom överens med min förstående arbetsgivare om jag skulle fortsätta som konsult på 40 procent tills vidare. Det har flutit på bra, jag är fortfarande kvar, och jobbar numera enbart med utvecklingen av vårt publiceringssystem. Det är nog det roligaste projektet jag jobbat med hittills.</p>
<p class="MsoNormal">Efter att ha tittat på en del olika alternativ så hyrde jag från och med oktober in mig på Regeringsgatan 82 hos Boontariga och Ida. I samma lokaler sitter flera andra intressanta företag, så det finns mycket roligt folk där på dagarna.</p>
<p class="MsoNormal">Min första tid på egen hand fick en fantastisk kickoff med 24 hour business camp. Som jag har skrivit om tidigare så byggde jag viktdagboken viktpuls. Sedan dess har jag försökt lägga några dagar då och då på att bygga vidare på idén och nu har Viktpuls runt 150 användare. Strax innan jul fick jag dessutom reda på att Viktpuls hade vunnit Yasiragis egna pris – en övernattning för två på Hasseludden. Det ska bli skönt att åka ditt igen och faktiskt hinna njuta lite av stället.</p>
<p class="MsoNormal">Andra mindre projekt under hösten var ombyggnaden av den här sidan från en personlig blogg till något som mer liknar en företagssida, och Hälsopuls som visar förkylnings- och influensaläget bland svenska twittrare. Jag har också börjat på ett lite större projekt, men det återstår fortfarande en hel del arbete innan det är klart för ens en alfa-release.</p>
<p class="MsoNormal">Under hösten har jag även lagt en del tid på att bli en bättre programmerare. Eftersom jag pluggade på Handels istället för på KTH så har jag ju en del att hämta in. Jag har läst en del klassisk programmeringslitteratur. Refactoring, gang of four, pragmatic programmer, code complete. Jag har även börjat använda versionshantering (Git och GitHub) och gått över ifrån Dreamweaver till NetBeans. Efter att ha provat några olika frameworks hittade jag till sist en struktur som fungerar för mig. Utifrån den byggde jag ett gemensamt mini-ramverk som används i alla mina projekt.</p>
<p class="MsoNormal">Några frilansuppdrag har det också blivit. Något jag måste bli bättre på är dock att kommunicera med kunder och att beräkna tidsåtgång. Administration, support och kommunikation tar alltid mycket längre tid är vad jag räknar med.</p>
<p class="MsoNormal">Sammanfattningsvis är jag ganska nöjd med året som gått. Jag har hunnit med lite mindre än jag tänkt, men å andra sidan har jag lärt mig mer i år än under de senaste fem åren tillsammans. Och nästa år kommer förhoppningsvis att bli ännu bättre.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2010/02/aret-som-gick/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Några exempel på alternativa backends</title>
		<link>http://mediascreen.se/2009/12/nagra-exempel-pa-alternativa-backends/</link>
		<comments>http://mediascreen.se/2009/12/nagra-exempel-pa-alternativa-backends/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 14:03:12 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[CRUD]]></category>
		<category><![CDATA[Delicious]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Freebase]]></category>
		<category><![CDATA[Google Docs]]></category>
		<category><![CDATA[Open Data Tables]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[YQL]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=696</guid>
		<description><![CDATA[Något av det tråkigaste arbetet för webbutvecklare är att bygga sidor för att lägga till och uppdatera innehåll. Det är sidor som inte kräver så mycket kreativitet, men som kan ta lite tid att bygga rätt. För små egna webbplatser är de speciellt tråkiga att bygga eftersom de aldrig kommer att synas utåt. Här är några förslag på alternativa sätt att hantera innehållet på en webbplats.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-704" title="skrivmaskin" src="http://mediascreen.se/wp-content/uploads/2009/12/Untitled-1-150x150.jpg" alt="skrivmaskin" width="150" height="150" />Något av det tråkigaste arbetet för webbutvecklare är att bygga sidor för att lägga till och uppdatera innehåll. Det är sidor som inte kräver så mycket kreativitet, men som kan ta lite tid att bygga rätt. För små egna webbplatser är de speciellt tråkiga att bygga eftersom de aldrig kommer att synas utåt.</p>
<p>Det flesta ramverken för skriptspråk som php och Ruby har vad de brukar kalla för <strong>scaffolding</strong> för att snabbt komma igång med grunden för att kunna editera innehåll (<strong>CRUD </strong>- create, read, update, delete). Vill man göra det ännu enklare för sig så finns det faktiskt flera bra alternativ:</p>
<ul>
<li><strong>Program för databasadministration</strong> &#8211; Editera innehåll direkt i databasen med desktop- eller webbaserad mjukvara. phpMyAdmin är vanligt, men det <a href="http://www.smashingmagazine.com/2009/03/25/mysql-admin-and-development-tools-round-up/">finns gott om alternativ</a>. Kräver inget arbete, men fungerar inte så bra om man vill låta andra uppdatera.</li>
<li><strong>Textfiler</strong> &#8211; Hämta innehåll från textfiler. Fungerar bra så länge innehållet inte är allt för komplicerat eller omfattande. Kan användas av alla som kan hantera ett FTP-program, men ska antagligen bara editeras av en liten grupp betrodda administratörer.</li>
<li><strong><a href="http://www.google.se/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;ved=0CAkQFjAA&amp;url=http%3A%2F%2Fdocs.google.com%2F&amp;ei=aKEfS7DpK8bW-Qan8YzUDQ&amp;usg=AFQjCNHj75Au5kt8svXmuNkhBD_DjnPhNQ&amp;sig2=KINz7k3LYtrmX5KFmPnTDA">Google Docs</a></strong> &#8211; Har ett enkelt  API som hanterar fullständig CRUD. Går att bjuda in de som ska kunna uppdatera informationen eller lämna öppet för alla. Går att spåra vem som gjort vad. Som backend fungerar Spreadsheet och Forms bäst eftersom informationen kan struktureras på ett förutsägbart sätt. Finns färdiga widgets för att visa diagram och liknande.</li>
<li><strong><a href="http://twitter.com">Twitter</a></strong> &#8211; Perfekt verktyg för att uppdatera mindre bitar information. Nyheterna på <a href="http://viktpuls.se">Viktpuls</a> läses till exempel in från <a href="http://twitter.com/viktpuls">Viktpuls twitterkonto</a>. Går att välja ut meddelanden som ska visas genom att filtrera på exempelvis hashtags eller mottagare. Tänk på att inte använda ditt vanliga konto om det blir många meddelanden som inte är intressanta för de som följer dig.</li>
<li><strong><a href="http://delicious.com">Delicious</a></strong> &#8211; Perfekt backend för en länksamling, länkblogg eller bloggroll. Länktipsen på startsidan här på <a href="http://mediascreen.se">Mediascreen</a> kommer från mina bokmärken <a href="http://delicious.com/m18195/share">märkta med nyckelordet share på Delicious</a>. Hämta bara egna bokmärken eller sök igenom andras också. Kom överens om ett eget nyckelord och låt alla som vill vara med och uppdatera länksamlingen. Om du planerar en länkblogg kan det vara bra att veta att beskrivningarna måste hålla sig inom 255 tecken.</li>
<li><strong><a href="http://flickr.com">Flickr</a></strong> &#8211; Ladda upp, beskriv och redigera foton i ett stabilt och funktionellt system. Att skapa motsvarande funktioner på en egen webbplats skulle ta en hel del tid. Varför inte åka snålskjuts på all utveckling Flickr redan gjort? Administrera hela bildarkivet på Flickr och visa det sedan på din egen webbplats. Använd ett eget privat konto, bjud in fler att lägga till bilder eller öppna upp helt och kom överens om att gemensamt nyckelord.</li>
<li><strong><a href="http://www.freebase.com/">Freebase</a></strong> &#8211; motsvarigheten till wikis när det gäller strukturerad data. Bygg på befintliga tabeller eller starta en egen databas. Mycket avancerat verktyg för lite större datamängder.</li>
<li><strong><a href="http://www.datatables.org/">Open Data Tables</a></strong> &#8211; en standard för att lagra data som XML i versionshanteringssystemet <a href="http://github.com/">github</a>. Informationen kan sedan användas genom <a href="http://developer.yahoo.com/yql/guide/yql-opentables-chapter.html">Yahoos SQL-variant YQL</a>. Fördelar är bland annat att det går att se vem som ändrat vad, att många kan samarbeta på samma data och att det finns inbyggd versionshantering.</li>
</ul>
<p>Fördelen med att använda andra stora webbtjänster som backend till sin egen webbplats är framför allt att man direkt får tillgång till gränssnitt som är genomtänkta, ordentligt testade och bekanta för de flesta. Dessutom är de ofta enkla att bjuda in fler användare till efterhand om man skulle behöva.</p>
<p>Har du egna tips på fler praktiska tjänster som kan fungera som backends?</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/12/nagra-exempel-pa-alternativa-backends/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vad jag lärde mig på 24hbc</title>
		<link>http://mediascreen.se/2009/11/vad-jag-larde-mig-pa-24hbc/</link>
		<comments>http://mediascreen.se/2009/11/vad-jag-larde-mig-pa-24hbc/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 16:35:12 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=687</guid>
		<description><![CDATA[Nu har det gått några dagar sedan jag kom hem från 24 hour business camp. Jag har hunnit smälta alla intryck och tillfrisknat från den gigantiska förkylning jag drog på mig. Nu tänkte jag inte skriva så mycket om vad jag byggde - det blev ungefär vad jag skrev att jag skulle bygga och resultatet finns på viktpuls.se.

Glöm inte att gå in och rösta på viktpuls.se eller några av de andra projekten senast i morgon klockan 12:00.]]></description>
			<content:encoded><![CDATA[<p><a href="http://viktpuls.se"><img class="alignleft size-full wp-image-688" title="viktpuls" src="http://mediascreen.se/wp-content/uploads/2009/11/viktpuls.png" alt="viktpuls" width="280" height="282" /></a>Nu har det gått några dagar sedan jag kom hem från <a href="http://www.24hbc.com/">24 hour business camp</a>. Jag har hunnit smälta alla intryck och tillfrisknat från den gigantiska förkylning jag drog på mig. Nu tänkte jag inte skriva så mycket om vad jag byggde &#8211; det blev ungefär <a href="http://mediascreen.se/2009/08/skickat-in-anmalan-till-24-hour-business-camp/">vad jag skrev att jag skulle bygga</a> och resultatet finns på <a href="http://viktpuls.se">viktpuls.se</a>.</p>
<p>Glöm inte att <a href="http://www.24hbc.com/2009/10/rosta-pa-dina-favoriter-fran-24hbc.html">gå in och rösta</a> på viktpuls.se eller några av de andra projekten senast i morgon klockan 12:00.</p>
<p>Några saker jag ska tänka på till nästa gång:</p>
<ul>
<li>Man hinner aldrig med så mycket som man tror. Inte direkt förvånande, men jag underskattar ständigt tiden som går åt. Innan jag åkte hade jag gjort en lista på 41 punkter som skulle avverkas. De fyra första gick utmärkt, sen fastnade jag i fyra timmar på punkt fem. Tidsplanen, som var beräknad på hur lång tid allt skulle ta att skriva (inte felsöka, läsa på och prova alternativ), gick därmed åt skogen.</li>
<li>Bygg snabbt den enklast fungerande prototypen som hänger ihop och gå tillbaka och polera senare. Eftersom jag fastnade för mycket i detaljer i början så fick jag tjuvkoppla hela applikationen mot slutet för att överhuvudtaget ha något att visa upp.</li>
<li>Använd inte tekniker som du inte provat ordentligt tidigare. Av någon anledning bestämde jag mig för att bygga hela viktpuls utan sidomladdningar. Dels ställde det till lite problem när det gällde att få bakåtknappen och bokmärken att funka, dels så blir in- och utloggning lite trassligare. Framförallt gör det dock att vanlig felsökning i php/MySQL tar mycket längre tid. På tal om MySQL &#8211; att börja använda PDO tillsammans med lite ovanligare funktioner som <em>INSERT IGNORE</em> och <em>ON DUPLICATE KEY UPDATE </em>var ingen bra idé.</li>
<li>Kolla att utvecklings- och produktionsmiljö är så lika som möjligt. Jag fick lite panik när jag laddade upp allt 30 minuter innan deadline och upptäckte att inget fungerade på grund av olika MySQL versioner i utvecklings- och produktionsmiljö.</li>
</ul>
<p>I övrigt gick det bra. Yasuragi var fantastiskt, maten var god och framför allt så var det otroligt inspirerande att träffa alla trevliga och intressanta människor som var med.</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/11/vad-jag-larde-mig-pa-24hbc/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Hälsopuls visar hur Sverige mår just nu</title>
		<link>http://mediascreen.se/2009/10/halsopuls-visar-hur-sverige-mar-just-nu/</link>
		<comments>http://mediascreen.se/2009/10/halsopuls-visar-hur-sverige-mar-just-nu/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 12:56:04 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[personligt]]></category>
		<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[24hbc]]></category>
		<category><![CDATA[förkylning]]></category>
		<category><![CDATA[Google Flu Trends]]></category>
		<category><![CDATA[hälsa]]></category>
		<category><![CDATA[Hälsopuls]]></category>
		<category><![CDATA[influensa]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=673</guid>
		<description><![CDATA[För att förbereda mig lite inför 24hbc om en vecka så byggde jag Hälsopuls - en webbplats som visar hur förkylda svenska twittrare har varit den senaste tiden. Jag ville framför allt utvärdera några olika bibliotek för att rita diagram och vara säker på att jag förstod matten jag tänkte använda i mitt 24hbc-projekt.]]></description>
			<content:encoded><![CDATA[<p><a href="http://hälsopuls.se"><img class="alignleft size-full wp-image-676" title="Hälsopuls" src="http://mediascreen.se/wp-content/uploads/2009/10/halsopuls.jpg" alt="halsopuls" width="300" height="209" /></a>För att förbereda mig lite inför <a href="http://www.24hbc.com/">24hbc</a> om en vecka så byggde jag <a href="http://hälsopuls.se">Hälsopuls &#8211; en  webbplats som följer utbrott av förkylningar och influensa i Sverige</a> genom att visa hur förkylda svenska twittrare har varit den senaste tiden. Jag ville framför allt utvärdera  några olika bibliotek för att rita diagram och vara säker på att jag förstod matten jag tänkte använda i mitt <a href="/2009/08/skickat-in-anmalan-till-24-hour-business-camp/">24hbc-projekt</a>.</p>
<p><a href="http://www.google.org/flutrends/se/">Google Flu Trends</a> sätt att omvandla webbsökningar till användbar och lättolkad information om influensaspridning är imponerande, men väldigt komplex. En del av komplexiteten beror på att de måste ta hänsyn till att många olika faktorer påverkar antalet sökningar. Framför allt måste medias påverkan rensas bort. Bara för att media skrämmer upp folk genom sin rapportering av dödsfall i Mexiko så blir ju inte folk sjukare i Sverige.</p>
<p>Om man inte driver en sökmotor så finns det förstås mer direkta vägar till samma information. Varje dag skriver tusentals svenskar små meddelanden om hur de mår på mikrobloggtjänsten <a href="http://twitter.com">Twitter</a>. Genom att helt enkelt leta efter &#8220;självrapporterade&#8221; förkylningssymtom bland alla inlägg så borde det gå att få en ganska tidig varning när ett influensautbrott slår till.</p>
<p>Genom att använda <a href="http://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average">exponentiellt utjämnade rullande medelvärden</a> så rensas de flesta tillfälliga trender bort. Enskilda personer som skriver 10 inlägg om sin förkylning, variationer mellan olika veckodagar och tekniska problem får därför mycket begränsad påverkan på trendlinjerna. Just nu används an utjämningskoefficient på 0,125  men det kan ändras framöver.</p>
<p>Ta dock diagrammet med en nypa salt. Det tar inte hänsyn till förändrad allmän aktivitet på Twitter och rapporterar bara hur den lilla gruppen svenska twittrare säger sig må.</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/10/halsopuls-visar-hur-sverige-mar-just-nu/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Aktivera PubSubHubbub på din Wordpressblogg</title>
		<link>http://mediascreen.se/2009/10/aktivera-pubsubhubbub-pa-din-wordpressblogg/</link>
		<comments>http://mediascreen.se/2009/10/aktivera-pubsubhubbub-pa-din-wordpressblogg/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 07:20:58 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PubSubHubbub]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=668</guid>
		<description><![CDATA[Tycker du RSS för för långsamt och orkar du inte hålla reda på alla ställen som ska pingas vi blogguppdateringar? Ta en titt på PubSubHubbub. Har du en egen Wordpressblogg så kan du installera en enkel plugin som talar om för besökande rss-läsarprogram vilken hub de ska ta kontakt med för att hålla reda på uppdateringar i fortsättningen.]]></description>
			<content:encoded><![CDATA[<p>Tycker du RSS för för långsamt och orkar du inte hålla reda på alla ställen som ska pingas vi blogguppdateringar? Ta en titt på <a href="http://code.google.com/p/pubsubhubbub/">PubSubHubbub</a>. Har du en egen Wordpressblogg så kan du <a href="http://wordpress.org/extend/plugins/pubsubhubbub/">installera en enkel plugin</a> som talar om för besökande rss-läsarprogram vilken hub de ska ta kontakt med för att hålla reda på uppdateringar i fortsättningen.</p>
<p>Än så länge är det <a href="http://code.google.com/p/pubsubhubbub/wiki/Companies">inte så många tjänster som stödjer protokollet</a> men fler är på gång. Igår rullade <a href="http://twitterfeed.com/">Twitterfeed</a> ut sitt stöd och Google jobbar på att <a href="http://code.google.com/p/pubsubhubbub/wiki/HubbubAtGoogle">implementera protokollet i en rad olika tjänster</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/10/aktivera-pubsubhubbub-pa-din-wordpressblogg/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mina podradiotips för webbutvecklare</title>
		<link>http://mediascreen.se/2009/10/mina-podradiotips-for-webbutvecklare/</link>
		<comments>http://mediascreen.se/2009/10/mina-podradiotips-for-webbutvecklare/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 09:07:27 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[podcasts]]></category>
		<category><![CDATA[podradio]]></category>
		<category><![CDATA[seminarier]]></category>
		<category><![CDATA[utbildning]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=663</guid>
		<description><![CDATA[<p>Tänkte att jag skulle bygga på Christian Davéns lista med  podcasts för webbutvecklare med mina favoriter:</p>

What&#8217;s Next som Chistian nämner finns också med bland mina prenumerationer. Framförallt intervjuer med svenska webbentreprenörer.
SXSW Interactive, som jag har nämnt här på Mediascreen tidigare,  är en gigantisk årlig webbkonferens i Austin, Texas. Efter [...]]]></description>
			<content:encoded><![CDATA[<p>Tänkte att jag skulle bygga på Christian Davéns lista med  <a href="http://www.entreprenord.se/rekommenderad-podradio-for-webbutvecklare.html">podcasts för webbutvecklare</a> med mina favoriter:</p>
<ul>
<li><a href="http://www.whatsnext.se/">What&#8217;s Next</a> som Chistian nämner finns också med bland mina prenumerationer. Framförallt intervjuer med svenska webbentreprenörer.</li>
<li>SXSW Interactive, som jag har <a href="http://mediascreen.se/2009/03/i-vantan-pa-sxsw/">nämnt här på Mediascreen tidigare</a>,  är en gigantisk årlig webbkonferens i Austin, Texas. Efter varje konferens lägger de ut i alla seminarier som podcasts. Stor bredd med seminarier om bland annat marknadsföring, social media, programmering och design. Arkiven från tidigare år finns också kvar: <a href="http://2009.sxsw.com/interactive/news/videos_and_podcasts">2009</a>, <a href="http://2008.sxsw.com/coverage/podcasts/">2008</a>, <a href="http://2007.sxsw.com/coverage/podcasts/">2007</a> och <a href="http://2006.sxsw.com/coverage/podcasts/">2006</a>. I mars är det dags för <a href="http://sxsw.com/interactive">SXSW 2010</a>.</li>
<li>En annan ström av podcasts från seminarier kommer från Carsonified. De lägger ut ett <a href="http://feeds.feedburner.com/carsonified/events/audio">samlat flöde</a> från sina Future of webbapps/Future of web design events. Det går även att hitta <a href="http://events.carsonified.com/">video och arkiv från lite äldre events</a>.</li>
<li><a href="http://itc.conversationsnetwork.org/">IT conversations</a> är en samlingsplats för podcasts från olika teknikrelaterade konferenser och från podradioprogram som <em>Stack Overflow</em>, <em>Tech Nation</em> och <em>Interviews With Innovators</em>. Lägger ut 10-20 nya podcasts i veckan, så man får välja ut det bästa om man inte har väldigt mycket tid över.</li>
<li><a href="http://www.sitepoint.com/blogs/category/podcast/">SitePoint har bra podcasts</a> om webbutveckling. De brukar växla mellan intervjuer och paneldiskussioner.</li>
<li><a href="http://www.webdirections.org/resources/">Webdirections</a> har podcasts från de flesta av sina konferenser. Fokuserat på webbutveckling men kan vara ganska grundläggande ibland.</li>
<li><a href="http://yoast.com/press-this/">Press This</a> är en intressant podcast som fokuserar på användning, utveckling och anpassning av Wordpress.</li>
<li><a href="http://www.ducttapemarketing.com/blog/category/podcast/">Duct Tape Marketing</a> handlar framför allt om webbmarknadsföring för småföretag.</li>
<li><a href="http://thisweekinstartups.com/">This Week in Startups</a> drivs av grundaren till <a href="http://www.mahalo.com/">Mahalo</a> och innehåller mest intervjuer med amerikanska webbentreprenörer.</li>
</ul>
<p>Själv har jag sammanlagt 70 minuters promenad till och från jobbet varje dag, så jag hinner med att lyssna på en hel del. Om listan ändå inte räcker till kan jag Rekommendera iTunes U &#8211; speciellt serien <em>Business Leaders and Entreprenours</em> från Stanford.</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">
<h1>Interviews With Innovators</h1>
</div>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/10/mina-podradiotips-for-webbutvecklare/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Wikipedia i all ära&#8230;</title>
		<link>http://mediascreen.se/2009/10/wikipedia-i-all-ara/</link>
		<comments>http://mediascreen.se/2009/10/wikipedia-i-all-ara/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 05:38:37 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Aftonbladet]]></category>
		<category><![CDATA[journalistik]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[Staffan Heimerson]]></category>
		<category><![CDATA[Wikipedia]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=658</guid>
		<description><![CDATA[<p>Jag brukar vara en varm anhängare av wikimodellen och Wikipedia, men i det här fallet tycker jag nog att man  går över ån efter vatten. Om nu inte David Nannini Nilsson vet vem Staffan Heimerson är, så kanske han skulle kunna fråga en kollega. Det måste väl ändå finnas [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-659" title="Staffan-Heimerson-Aftonbladet" src="http://mediascreen.se/wp-content/uploads/2009/10/Staffan-Heimerson-Aftonbladet.png" alt="Staffan-Heimerson-Aftonbladet" width="180" height="343" />Jag brukar vara en varm anhängare av wikimodellen och Wikipedia, men <a href="http://www.aftonbladet.se/nyheter/article5931985.ab">i det här fallet</a> tycker jag nog att man  går över ån efter vatten. Om nu inte David Nannini Nilsson vet vem Staffan Heimerson är, så kanske han skulle kunna fråga en kollega. Det måste väl ändå finnas någon på Aftonbladet som kan skriva ihop en liten faktaruta om Heimerson. Han ska ju trots allt ha jobbat för tidningen i 30 år.</p>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/10/wikipedia-i-all-ara/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8 praktiska verktyg för webbtypografi</title>
		<link>http://mediascreen.se/2009/10/8-praktiska-verktyg-for-webbtypografi/</link>
		<comments>http://mediascreen.se/2009/10/8-praktiska-verktyg-for-webbtypografi/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 06:06:35 +0000</pubDate>
		<dc:creator>Marcus</dc:creator>
				<category><![CDATA[webbutveckling]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fonter]]></category>
		<category><![CDATA[länktips]]></category>
		<category><![CDATA[typografi]]></category>
		<category><![CDATA[typsnitt]]></category>

		<guid isPermaLink="false">http://mediascreen.se/?p=640</guid>
		<description><![CDATA[Webbtypografi har länge handlat om att välja mellan Arial eller Verdana, men varför inte utforska de alternativ som faktiskt finns - eller i vilket fall göra det bästa av de begränsade möjligheter som står till buds? Här är 8 verktyg som hjälper dig med typsnitt på webben:]]></description>
			<content:encoded><![CDATA[<p>Webbtypografi har länge handlat om att välja mellan Arial eller Verdana, men varför inte utforska de alternativ som faktiskt finns &#8211; eller i vilket fall göra det bästa av de begränsade möjligheter som står till buds? Här är 8 verktyg som hjälper dig med typsnitt på webben:</p>
<p><a href="http://www.typetester.org/">Typetester</a> är ett verktyg för att jämföra olika typsnitt för rubriker eller brödtext. Visar de vanligaste typsnitten på olika operativsystem samt alla som är installerade på din dator. Perfekt för att ta fram egna font-family-uppsättningar. Väl ett perfekt typsnitt bland dina egna och hitta några vanligare varianter som ser okej ut.</p>
<p><a href="http://www.fonttester.com/">Font tester</a> gör nästa samma sak. Inte lika snygg och tydlig som Typetester, men med lite fler inställningar. Visar dessutom hela teckenuppsättningen precis som i Character Map på Windows &#8211; något som kan vara bra för macanvändare som saknar ett lika praktiskt verktyg.</p>
<p><a href="http://typedia.com">Typedia</a> är ett uppslagsverk för typsnitt som alla kan vara med och editera. För varje font visas bakgrundsinformation, exempel på användning, liknande typsnitt och länkar till mer information och inköpsställen.</p>
<p><a href="http://new.myfonts.com/WhatTheFont/">WhatTheFont</a> hjälper dig identifiera ett typsnitt. Ladda upp en bild på en bit text och få reda på vilket typsnitt det är. Brukar fungera ganska bra om man har en tydlig exempelbild.</p>
<p><a href="http://www.identifont.com">Identifont</a> hjälper också till med identifieringen av typsnitt. Svara på en rad frågor om hur olika tecken ser ut och få reda på vilka typsnitt det kan handla om. Ju fler frågor du svarar på desto exaktare resultat får du.</p>
<p><a href="http://http://media.24ways.org/2007/17/fontmatrix.html">Font Matrix</a> är den mest kompletta listan över vilka typsnitt som följer med vilka operativsystem och program som jag har sett. Visar olika varianter av Mac OS X, Windows, Office och Adobes CS-paket. Bra för dig som vill prova något annat än de &#8220;websäkra&#8221; fonterna, men ändå arbeta med typografi som en betydande del av besökarna kommer att se.</p>
<p><a href="http://pxtoem.com/">PXtoEM</a> konverterar fontstorlekar mellan px, em, pt, och procent (givet vissa grundförutsättningar). Praktiskt för den som är mer bekväm mad fasta storlekar som px, men ändå behöver använda em eller procent.</p>
<p><a href="http://www.typechart.com/">Typechart</a> visar en rad exempel på hur de &#8220;websäkra&#8221; fonterna kan användas på ett snyggt sätt. Om du hittar något som du vill använda kan du enkelt kopiera css:n.</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 16px; width: 1px; height: 1px;">http://www.identifont.com/index.htmlI</div>
]]></content:encoded>
			<wfw:commentRss>http://mediascreen.se/2009/10/8-praktiska-verktyg-for-webbtypografi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
