<?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>Kim Lemon &#187; Webbutveckling</title>
	<atom:link href="http://www.kimlemon.se/category/webbutveckling/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kimlemon.se</link>
	<description>PPC, CPM och affiliatemarknadsföring</description>
	<lastBuildDate>Tue, 27 Apr 2010 15:01:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Snygga WordPress-teman på svenska</title>
		<link>http://www.kimlemon.se/snygga-wordpress-teman-pa-svenska/</link>
		<comments>http://www.kimlemon.se/snygga-wordpress-teman-pa-svenska/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 23:06:22 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=2535</guid>
		<description><![CDATA[&#160; Jag gillar verkligen Elegant Themes. De håller en helt annan klass än vilket gratis WordPress-tema som helst. Nick skapar WordPress-teman som är grafiskt snygga, samtidigt som de är stilrena, enkla och eleganta. Fri tillgång till dessa teman kostar $19.95 per år, vilket är riktigt billigt med tanke på att det släpps ett par nya [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/goto.php?url=elegant-themes"><img src="http://www.kimlemon.se/wp-content/uploads/2010/04/wordpress1.jpg" alt="" title="wordpress tema svenska" width="639" height="138" class="alignright size-full wp-image-2570" /></a><br />
&nbsp;<br />
Jag gillar verkligen <a href="/goto.php?url=elegant-themes">Elegant Themes</a>. De håller en helt annan klass än vilket gratis WordPress-tema som helst. Nick skapar WordPress-teman som är grafiskt snygga, samtidigt som de är stilrena, enkla och eleganta. Fri tillgång till dessa teman kostar $19.95 per år, vilket är riktigt billigt med tanke på att det släpps ett par nya teman varje månad.</p>
<p>Det finns dock en sak som irriterat mig &#8211; samtliga teman var på engelska, men mina sajter är på svenska. Lyckligtvis var de flesta Elegant Themes översättningsbara via .po och .mo-filer. Det var därför bara att bita i det sura äpplet och sätta igång med översättningen av 25 WordPress-teman&#8230;</p>
<p><strong><a href="/goto.php?url=elegant-themes-sv-se.zip">Ladda ner mina svenska språkfiler för Elegant Themes här!</a></strong></p>
<p>OBS! Ovanstående fil innehåller endast mina svenska språkfiler för Elegant Themes. För att ladda ner dessa WP-teman måste du bli medlem på <a href="/goto.php?url=elegant-themes">Elegant Themes webbplats</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/snygga-wordpress-teman-pa-svenska/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Eget typsnitt med CSS (cross-browser)</title>
		<link>http://www.kimlemon.se/eget-typsnitt-med-css/</link>
		<comments>http://www.kimlemon.se/eget-typsnitt-med-css/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 02:17:35 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=2422</guid>
		<description><![CDATA[@font-face { font-family: "Commodore 64"; src: url('/c64.eot'); /* IE */ src: local('Commodore 64'), url('/c64.ttf') format('truetype'); /* non-IE */ } .c64-screen { width: 320px; height: 200px; font-family: "Commodore 64"; font-size: 10px; color: #7777ff; background: #110099; border: #7777ff 32px solid; padding-top: 1px; line-height: normal; } .c64-header { text-align: center; } Många väljer av estetiska skäl att använda [...]]]></description>
			<content:encoded><![CDATA[<style type="text/css">
@font-face {  
font-family: "Commodore 64";  
src: url('/c64.eot'); /* IE */
src: local('Commodore 64'), url('/c64.ttf') format('truetype'); /* non-IE */
} 
.c64-screen  {
width: 320px;
height: 200px;
font-family: "Commodore 64";
font-size: 10px;
color: #7777ff;
background: #110099;
border: #7777ff 32px solid;
padding-top: 1px;
line-height: normal;
}
.c64-header  {
text-align: center;
}
</style>
<p>Många väljer av estetiska skäl att använda bilder istället för rubriker på sin webbplats. Bilder som rubriker har i huvudsak två nackdelar:</p>
<ul>
<li>Det är tidskrävande och oflexibelt</li>
<li>Sökmotorer går miste om viktig information</li>
</ul>
<p>Med CSS3 begränsas du inte till de typsnitt som besökaren installerat på sin dator. Genom att lägga typsnittet på servern och referera till det via CSS öppnas helt nya möjligheter.</p>
<p>Det huvudsakliga problemet är att IE inte stödjer TrueType-typsnitt. För att fixa detta krävs att typsnittet finns som både <strong>TrueType (TTF)</strong> och <strong>OpenType (EOT)</strong>. Ett TTF-typsnitt kan enkelt konverteras online till EOT med hjälp av <a href="http://www.kirsle.net/wizards/ttf2eot.cgi">TTF to EOT Font Converter</a>. Ladda sedan upp bägge typsnitten till servern&#8230;</p>
<p>Exemplet nedan ser ut som en skärmdump från Commodore 64 BASIC, men skenet bedrar. Jag har endast använt mig av CSS3 och typsnittet &#8221;Commodore 64&#8243; (prova gärna att markera gärna texten).</p>
<div class="c64-screen">
<div class="c64-header">
<p>**** COMMODORE 64 BASIC V2 ****</p>
<p>64K RAM SYSTEM  38911 BASIC BYTES FREE</p>
</div>
<p>READY.</p>
</div>
<p>&nbsp;</p>
<h2>Så ser koden ut:</h2>
<p>&lt;style type=&#8221;text/css&#8221;&gt;<br />
@font-face {<br />
font-family: &#8221;Commodore 64&#8243;;<br />
src: url(&#8216;/c64.eot&#8217;); /* IE */<br />
src: local(&#8216;Commodore 64&#8242;), url(&#8216;/c64.ttf&#8217;) format(&#8216;truetype&#8217;); /* non-IE */<br />
}</p>
<p>.c64-screen  {<br />
width: 320px;<br />
height: 200px;<br />
font-family: &#8221;Commodore 64&#8243;;<br />
font-size: 10px;<br />
color: #7777ff;<br />
background: #110099;<br />
border: #7777ff 32px solid;<br />
padding-top: 1px;<br />
line-height: normal;<br />
}</p>
<p>.c64-header  {<br />
text-align: center;<br />
}<br />
&lt;/style&gt;</p>
<p>&lt;div class=&#8221;c64-screen&#8221;&gt;<br />
&lt;div class=&#8221;c64-header&#8221;&gt;<br />
**** COMMODORE 64 BASIC V2 ****&lt;br /&gt;&lt;br /&gt;<br />
64K RAM SYSTEM &amp;nbsp;38911 BASIC BYTES FREE&lt;br /&gt;&lt;br /&gt;<br />
&lt;/div&gt;<br />
READY.<br />
&lt;/div&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/eget-typsnitt-med-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Små verktyg för webbutveckling</title>
		<link>http://www.kimlemon.se/sma-verktyg-for-webbutveckling/</link>
		<comments>http://www.kimlemon.se/sma-verktyg-for-webbutveckling/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 13:50:16 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=1959</guid>
		<description><![CDATA[Tänkte lista lite verktyg som jag använder allt som oftast när jag jobbar. IDN converter &#8211; Konvertera IDN-domännamn till Punycode. Redirect checker &#8211; När man vill snoka vart cloakade affiliate-länkar går. Lösenordsgenerator &#8211; Skapa slumpade lösenord. AdWords sökordshjälpmedel &#8211; Se antalet sökningar osv.]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-2587" title="verktyg" src="http://www.kimlemon.se/wp-content/uploads/2009/11/verktyg.png" alt="" width="128" height="128" />Tänkte lista lite verktyg som jag använder allt som oftast när jag jobbar.</p>
<ul>
<li><a href="http://www.idnstuff.com">IDN converter</a> &#8211; Konvertera IDN-domännamn till Punycode.</li>
<li><a href="http://www.internetofficer.com/seo-tool/redirect-check/">Redirect checker</a> &#8211; När man vill snoka vart cloakade affiliate-länkar går.</li>
<li><a href="http://www.generate-password.com/?language=sv">Lösenordsgenerator</a> &#8211; Skapa slumpade lösenord.</li>
<li><a href="https://adwords.google.com/select/KeywordToolExternal">AdWords sökordshjälpmedel</a> &#8211; Se antalet sökningar osv.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/sma-verktyg-for-webbutveckling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Min egen kräft-mouseover!</title>
		<link>http://www.kimlemon.se/min-egen-kraft-mouseover/</link>
		<comments>http://www.kimlemon.se/min-egen-kraft-mouseover/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 08:57:40 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=1671</guid>
		<description><![CDATA[En riktigt enkel mouseover-effekt som jag kom på i natt. Skapa en bild 200&#215;300 px, skriv fånga överst, kräftor i mitten och för fan underst. Lägg sedan in följande kod: &#60;style type=&#8221;text/css&#8221;&#62; .bild a { display: block; width: 200px; height: 100px; background: url(&#8216;/bild.png&#8217;); } .bild a:hover { background-position: center; } .bild a:active { background-position: bottom; [...]]]></description>
			<content:encoded><![CDATA[<p>En riktigt enkel mouseover-effekt som jag kom på i natt. Skapa en bild 200&#215;300 px, skriv <strong>fånga</strong> överst,  <strong>kräftor</strong> i mitten och <strong>för fan</strong> underst.</p>
<p><strong>Lägg sedan in följande kod:</strong></p>
<p>&lt;style type=&#8221;text/css&#8221;&gt;<br />
.bild a {<br />
display: block;<br />
width: 200px;<br />
height: 100px;<br />
background: url(&#8216;/bild.png&#8217;);<br />
}</p>
<p>.bild a:hover {<br />
background-position: center;<br />
}</p>
<p>.bild a:active {<br />
background-position: bottom;<br />
}<br />
&lt;/style&gt;</p>
<p>&lt;div class=&#8221;bild&#8221;&gt;<br />
&lt;a href=&#8221;#&#8221;&gt;&lt;/a&gt;<br />
&lt;/div&gt;</p>
<p><strong>Det fantastiska resultatet (klicka på den också):</strong></p>
<style type="text/css">
.bild a {
	display: block;
	width: 200px;
	height: 100px;
	background: url('/bild.png');
}
.bild a:hover {
	background-position: center;
}
.bild a:active {
	background-position: bottom;
}
</style>
<div class="bild">
<a href="#"></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/min-egen-kraft-mouseover/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Kort if-sats i PHP</title>
		<link>http://www.kimlemon.se/kort-if-sats-i-php/</link>
		<comments>http://www.kimlemon.se/kort-if-sats-i-php/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 17:39:50 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=1634</guid>
		<description><![CDATA[Jag glömmer alltid hur man skriver en kort if-sats i PHP. För att jag ska slippa Googla på detta i framtiden lägger jag nu upp ett exempel. $catfood = ($taste == "good") ? "the catfood is good" : "the catfood tastes like shit"; Praktiskt användbart exempel: $text = "There ". ($total == 1 ? "is [...]]]></description>
			<content:encoded><![CDATA[<p>Jag glömmer alltid hur man skriver en kort if-sats i PHP. För att jag ska slippa Googla på detta i framtiden lägger jag nu upp ett exempel.</p>
<p><code>$catfood = ($taste == "good") ? "the catfood is good" : "the catfood tastes like shit";</code></p>
<p><strong>Praktiskt användbart exempel:</strong></p>
<p><code>$text = "There ". ($total == 1 ? "is 1 cat" : "are ".($total == 0 ? "no cats" : "$total cats") );</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/kort-if-sats-i-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Search &amp; Replace i MySQL</title>
		<link>http://www.kimlemon.se/search-replace-i-mysql/</link>
		<comments>http://www.kimlemon.se/search-replace-i-mysql/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 13:07:05 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.kimlemon.se/?p=1615</guid>
		<description><![CDATA[Så här gör man en Search &#038; Replace i MySQL: update table_name set table_field = replace(table_field,'replace_that','with_this'); Exempel: update sprit set spritsort = replace(spritsort,'brännvin','alkoholfri öl'); Sådär, nu slipper jag Googla på detta varje gång i framtiden.]]></description>
			<content:encoded><![CDATA[<p><strong>Så här gör man en Search &#038; Replace i MySQL:</strong><br />
<code>update table_name set table_field = replace(table_field,'replace_that','with_this');</code></p>
<p><strong>Exempel:</strong><br />
<code>update sprit set spritsort = replace(spritsort,'brännvin','alkoholfri öl');</code></p>
<p>Sådär, nu slipper jag Googla på detta varje gång i framtiden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/search-replace-i-mysql/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress plug-in: Resize at Upload Plus</title>
		<link>http://www.kimlemon.se/wordpress-plug-in-resize-at-upload-plus/</link>
		<comments>http://www.kimlemon.se/wordpress-plug-in-resize-at-upload-plus/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 09:21:56 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.lemonforever.se/blog/?p=1146</guid>
		<description><![CDATA[Ursäkta min efterblivna och psykotiskt stirrande blick på bilden, detta var bara ett test. Nu är det inte min psykotiska blick, burriga polisong, höga hårfäste, fläskiga ansikte eller vår toalett det handlar om, utan nördiga datasaker. Jag hittade precis ett WordPress Plug-in vid namn Resize at Upload Plus som har exakt den enkla funktionen jag [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.kimlemon.se/wp-content/uploads/2009/06/DSC00278.JPG"><img class="alignnone size-full wp-image-1147" title="DSC00278" src="http://www.kimlemon.se/wp-content/uploads/2009/06/DSC00278.JPG" alt="DSC00278" width="450" height="337" /></a></p>
<p>Ursäkta min efterblivna och psykotiskt stirrande blick på bilden, detta var bara ett test. Nu är det inte min psykotiska blick, burriga polisong, höga hårfäste, fläskiga ansikte eller vår toalett det handlar om, utan nördiga datasaker.</p>
<p>Jag hittade precis ett WordPress Plug-in vid namn <a href="http://wordpress.org/extend/plugins/resize-at-upload-plus/">Resize at Upload Plus</a> som har exakt den enkla funktionen jag så länge letat efter.</p>
<p>Detta plug-in skalar helt enkelt ner en bild till förinställd bredd/höjd när man laddar upp den. Är bilden mindre än angiven bredd/höjd så görs inget med den. Det enda jag kan sakna med plug-inet är möjligheten att ställa in vilken JPG-kompression och skärpa bilden ska ha.</p>
<p>Det är ju sjukt jobbigt att behöva öppna Photoshop och ändra storlek varje gång man vill ha in en bild i sitt inlägg, men nu slipper jag det.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/wordpress-plug-in-resize-at-upload-plus/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Sidomeny i WordPress-temat Kubrick</title>
		<link>http://www.kimlemon.se/sidomeny-i-wordpress-temat-kubrick/</link>
		<comments>http://www.kimlemon.se/sidomeny-i-wordpress-temat-kubrick/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 04:25:51 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.lemonforever.se/blog/?p=1125</guid>
		<description><![CDATA[Jag uppgraderade precis automatiskt till WordPress 2.8. Till min chock skrev fanskapet över alla ändringar jag gjort i Kubrick-temat. Lyckligtvis var mina ändringarna minimala så det gick relativt snabbt att återställa. En sak som stör mig med Kubrick-temat är att det inte finns någon sidomeny när ett enskilt inlägg visas. Varje gång jag installerar en [...]]]></description>
			<content:encoded><![CDATA[<p>Jag uppgraderade precis automatiskt till WordPress 2.8. Till min chock skrev fanskapet över alla ändringar jag gjort i Kubrick-temat. Lyckligtvis var mina ändringarna minimala så det gick relativt snabbt att återställa.</p>
<p>En sak som stör mig med Kubrick-temat är att det inte finns någon sidomeny när ett enskilt inlägg visas. Varje gång jag installerar en blogg måste jag därför editera single.php. Dessutom minns jag aldrig hur jag gjorde sist, så jag får Googla på det varje gång.</p>
<p>Så här lägger man till sidomenyn i <strong>single.php</strong> (WordPress 2.8):</p>
<p><strong>Hitta:</strong><br />
<code>&lt;div id="content" role="main"&gt;</code></p>
<p><strong>Ersätt med:</strong><br />
<code>&lt;div id="content" class="narrowcolumn" role="main"&gt;</code></p>
<p><strong>Hitta:</strong><br />
<code>&lt;?php get_footer(); ?&gt;</code></p>
<p><strong>Ersätt med:</strong><br />
<code>&lt;?php get_sidebar(); ?&gt;<br />
&lt;?php get_footer(); ?&gt;</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/sidomeny-i-wordpress-temat-kubrick/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Favicons och Internet Explorer</title>
		<link>http://www.kimlemon.se/favicons-och-internet-explorer/</link>
		<comments>http://www.kimlemon.se/favicons-och-internet-explorer/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 07:34:13 +0000</pubDate>
		<dc:creator>Kim Lemon</dc:creator>
				<category><![CDATA[Webbutveckling]]></category>

		<guid isPermaLink="false">http://www.lemonforever.se/blog/?p=1054</guid>
		<description><![CDATA[IE är buggigt när det gäller favicons och hanteringen skiljer sig en del mellan olika versioner. Man måste därför tänka på följande: Ikonen måste vara 16x16px och i formatet .ico Ikonen måste ligga i roten och heta favicon.ico Lägg dessutom till följande kod mellan &#60;head&#62;-taggarna: &#60;link rel=&#8221;Shortcut Icon&#8221; href=&#8221;/favicon.ico&#8221; type=&#8221;image/ico&#8221; /&#62; För att konvertera gif/png/jpg [...]]]></description>
			<content:encoded><![CDATA[<p>IE är buggigt när det gäller favicons och hanteringen skiljer sig en del mellan olika versioner.</p>
<p>Man måste därför tänka på följande:</p>
<ul>
<li> Ikonen måste vara 16x16px och i formatet <em>.ico</em></li>
<li> Ikonen måste ligga i roten och heta <em>favicon.ico</em></li>
</ul>
<p>Lägg dessutom till följande kod mellan &lt;head&gt;-taggarna:<br />
&lt;link rel=&#8221;Shortcut Icon&#8221; href=&#8221;/favicon.ico&#8221; type=&#8221;image/ico&#8221; /&gt;</p>
<p>För att konvertera gif/png/jpg till .ico rekommenderar jag <a href="http://icofx.ro/">IcoFX</a>, ett suveränt program som dessutom är gratis.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kimlemon.se/favicons-och-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
