<?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>jenst.se&#187; Firefox</title>
	<atom:link href="http://www.jenst.se/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jenst.se</link>
	<description>En WordPressblogg till</description>
	<lastBuildDate>Mon, 05 Dec 2011 18:21:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Snabba upp Firefox med SpeedyFox</title>
		<link>http://www.jenst.se/2010/05/14/snabba-upp-firefox-med-speedyfox/</link>
		<comments>http://www.jenst.se/2010/05/14/snabba-upp-firefox-med-speedyfox/#comments</comments>
		<pubDate>Fri, 14 May 2010 17:26:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Program / mjukvara]]></category>
		<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=494</guid>
		<description><![CDATA[Speedyfox är ett litet program som är skapad för en enda sak, att snabba upp webbläsaren Firefox.]]></description>
			<content:encoded><![CDATA[<h2>Vad är speedyfox?</h2>
<p>Speedyfox är ett litet program som är skapad för en enda sak, att snabba upp webbläsaren Firefox. Om man har använt samma profil i månader, kanske år kan det vara läge att köra igenom Speedyfox. Den går igenom databasen och optimerar den. För mig blev Firefox faktiskt märkbart mycket snabbare. Min profil är över ett år gammal och jag använder Firefox dagligen.</p>
<p><strong>Så här ser Speedyfox ut om du använder Windows Vista:</strong></p>
<p><img class="alignnone size-full wp-image-495" title="Speedyfox" src="http://www.jenst.se/wp-content/uploads/speedyfox.gif" alt="Speedyfox" width="457" height="220" /></p>
<p>Även om de som gjort programmet säger att det är helt ofarligt att använda rekommenderar jag ändå att ta en backup av profilen innan programmet körs. Självklart är det gratis att använda.</p>
<p><strong>Ladda ner:</strong> <a title="SpeedyFox" href="http://www.crystalidea.com/speedyfox">SpeedyFox</a></p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2010/05/14/snabba-upp-firefox-med-speedyfox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Världens bästa webbläsare &#8211; hela listan</title>
		<link>http://www.jenst.se/2010/04/07/varldens-basta-webblasare/</link>
		<comments>http://www.jenst.se/2010/04/07/varldens-basta-webblasare/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 18:02:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=277</guid>
		<description><![CDATA[Vilken webbläsare använder du? Kanske är det dags att testa någonting nytt. Jag har testat alla webbläsare nedan och jag har dåliga erfarenheter av webbläsare som bygger på Trident.]]></description>
			<content:encoded><![CDATA[<h2>Introduktion</h2>
<p>Vilken webbläsare använder du? Kanske är det dags att testa någonting nytt. Jag har testat alla webbläsare nedan och jag har dåliga erfarenheter av webbläsare som bygger på Trident. Alla de övriga tycker jag är bra på olika sätt.</p>
<h2>Baserade på Gecko</h2>
<p><a href="http://www.jenst.se/wp-content/uploads/wyzo.png"><img class="size-full wp-image-397 alignright" title="Wyzo" src="http://www.jenst.se/wp-content/uploads/wyzo.png" alt="Wyzo" width="200" height="210" /></a></p>
<h3>Firefox &#8211; För webbutvecklare</h3>
<p>Är man webbutvecklare kan det vara mycket svårt att klara sig utan Firefox och dess tillägg.</p>
<ul>
<li><a title="Firefox" href="http://www.mozilla.com/sv-SE/">Firefox</a> &#8211; För webbutvecklare</li>
</ul>
<h3>Flock &#8211; Den sociala webbläsaren</h3>
<p>Du som tycker mer om att chatta, hänga på Facebook och andra sociala nätverk bör testa Flock, då den är specialskriven för detta endamål.</p>
<ul>
<li><a title="Flock" href="http://www.flock.com/">Flock</a> &#8211; Den sociala webbläsaren</li>
</ul>
<h3>Wyzo &#8211; Webbläsaren för media</h3>
<p>Wyzo är en relativt okänd webbläsare som påminner mycket om Firefox men som byggt in vissa tillägg. Ser man mycket på bilder eller film så kan den vara värd att testa.</p>
<ul>
<li><a title="Wyzo" href="http://www.wyzo.com/">Wyzo</a> &#8211; Webbläsaren för media</li>
</ul>
<h2>Baserade på Webkit</h2>
<h3><img class="alignright size-full wp-image-391" title="Chrome" src="http://www.jenst.se/wp-content/uploads/chrome.png" alt="Chrome" width="200" height="192" /></h3>
<h3>Safari &#8211; Apples webbläsare</h3>
<p>Vill man ha en snabb webbläsare fungerar Safari utmärkt. Den har dessutom ganska stort stöd för CSS3 och andra nymodigheter.</p>
<ul>
<li><a title="Safari" href="http://www.apple.com/safari/">Safari</a> &#8211; Apples webbläsare</li>
</ul>
<h3>Chrome &#8211; För webbapplikationer</h3>
<p>Googles egna webbläsare är tänkt att vara så pass snabb, så att den utan problem ska lämpa sig för webbapplikationer. I nyare versioner finns även stöd för tillägg, vilket gör att Chrome kan lämpa sig för webbutveckling.</p>
<ul>
<li><a title="Chrome" href="http://www.google.com/chrome">Chrome</a> &#8211; För webbapplikationer</li>
</ul>
<h2>Baserade på Trident (rekommenderas ej)</h2>
<p>Jag tänker inte skriva så mycket om dessa webbläsare. Motorn som webbläsarna bygger på är föråldrad och webbläsarna fungerar därför inte med de nya standarder som kommit. Låter inte Trident som en tandkräm?</p>
<ul>
<li><a title="Avant" href="http://www.avantbrowser.com/">Avant</a></li>
<li><a title="Internet Explorer" href="http://www.microsoft.com/windows/Internet-explorer/default.aspx">Internet Explorer</a> &#8211; Microsofts webbläsare</li>
<li><a title="Maxthon" href="http://www.maxthon.com/">Maxthon</a></li>
</ul>
<h2>Baserade på andra motorer</h2>
<h3><img class="alignright size-full wp-image-395" title="Opera" src="http://www.jenst.se/wp-content/uploads/opera.png" alt="Opera" width="200" height="175" /></h3>
<h3>Amorsurf &#8211; Gör dig annonym</h3>
<p>Webbläsaren Amorsurf vill skydda surfaren. Det finns flera olika sätt att bli annonym på. För den som vill undvika FRA eller IPRED kan det vara ett alternativ.</p>
<ul>
<li><a title="Amorsurf" href="http://www.armorsurf.com/">Amorsurf</a> &#8211; Gör dig annonym</li>
</ul>
<h3>Opera &#8211; Den norska utstickaren</h3>
<p>Opera är webbläsaren som sticker ut, då den innehåller en del unika funktioner. Den utvecklas i vårt grannland Norge.</p>
<ul>
<li><a title="Opera" href="http://www.opera.com/">Opera</a> &#8211; Den norska utstickaren</li>
</ul>
<h3>KidRocket</h3>
<ul>
<li><a title="KidRocket" href="http://kidrocket.org/">KidRocket</a> &#8211; Webbläsaren  för barn</li>
</ul>
<h2>Andra webbläsare</h2>
<ul>
<li><a title="K-Melion" href="http://kmeleon.sourceforge.net/">K-melion</a></li>
<li><a title="Stainless" href="http://www.stainlessapp.com/">Stainless</a></li>
<li><a title="Sleipner" href="http://www.fenrir-inc.com/us/sleipnir/">Sleipner</a></li>
<li><a title="Slimbrowser" href="http://slimbrowser.flashpeak.com/sv/">Slimbrowser</a></li>
<li><a title="Swiftfox" href="http://getswiftfox.com/index.htm">Swiftfox</a></li>
<li><a title="Lunascape" href="http://www.lunascape.tv/">Lunascape</a></li>
<li><a title="Konqueror" href="http://konqueror.kde.org/">Konqueror</a></li>
<li><a title="SeaMonkey" href="http://www.seamonkey-project.org/">SeaMonkey</a></li>
<li><a title="Omniweb" href="http://www.omnigroup.com/applications/omniweb/">OmniWeb</a></li>
<li><a title="Camino" href="http://caminobrowser.org/">Camino</a></li>
</ul>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2010/04/07/varldens-basta-webblasare/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Jetpack &#8211; enklare att bygga Firefox tillägg</title>
		<link>http://www.jenst.se/2009/11/13/jetpack-enklare-att-bygga-firefox-tillagg/</link>
		<comments>http://www.jenst.se/2009/11/13/jetpack-enklare-att-bygga-firefox-tillagg/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 20:47:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=547</guid>
		<description><![CDATA[Att bygga tillägg till Firefox är inte så lätt som det skulle kunna vara. Med Jetpack blir det hela betydligt enklare. Här kommer en video som visar hur enkelt det är att bygga extensions med Jetpack.]]></description>
			<content:encoded><![CDATA[<h2>Jetpack</h2>
<p>Att bygga tillägg till Firefox är inte så lätt som det skulle kunna vara. Med <a title="Jetpack" href="https://jetpack.mozillalabs.com/">Jetpack</a> blir det hela betydligt enklare. Här kommer en video som visar hur enkelt det är att bygga extensions med Jetpack.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="390" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7429644&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="600" height="390" src="http://vimeo.com/moogaloop.swf?clip_id=7429644&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Redigera bilder direkt i webbläsaren</h2>
<p>Ett tillägg som antagligen kodats med Jetpack är <a title="Pixlr" href="https://addons.mozilla.org/sv-SE/firefox/addon/9924">Pixlr</a>. Det klarar något som jag aldrig tidigare sett. Man kan redigera bilder i webbläsaren utan att behöva ladda ner dem till hårddisken. Det räcker med att högerklicka på bilden och välja att redigera den. Grymt mycket enklare än att spara ner filen för att sedan starta program som Photoshop och sedan leta upp och ladda in den sparade bilden.</p>
<h4>Mer läsning</h4>
<ul>
<li><a title="Så enkelt hackar du Firefox" href="http://www.idg.se/2.1085/1.268196/sa-enkelt-hackar-du-firefox">IDG &#8211; Så enkelt hackar du Firefox</a></li>
<li><a title="Det här kan du göra med Jetpack" href="http://www.idg.se/2.1085/1.269060/det-har-kan-du-gora-med-jetpack">IDG &#8211; Det här kan du göra med Jetpack</a></li>
<li><a title="Firefox får tio gånger fler utvecklare" href="http://www.idg.se/2.1085/1.231572/sa-ska-firefox-fa-tio-ganger-fler-utvecklare">IDG &#8211; Så ska Firefox få tio gånger fler utvecklare</a></li>
<li><a title="Nu blir det enklare att utveckla tillägg till Firefox" href="http://www.idg.se/2.1085/1.231318/nu-blir-det-enklare-att-utveckla-tillagg-till-firefox">IDG &#8211; Nu blir det enklare att utveckla tillägg till Firefox</a></li>
</ul>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2009/11/13/jetpack-enklare-att-bygga-firefox-tillagg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox blockar Microsoft add-ons</title>
		<link>http://www.jenst.se/2009/10/19/firefox-blockar-microsoft-add-ons/</link>
		<comments>http://www.jenst.se/2009/10/19/firefox-blockar-microsoft-add-ons/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 08:28:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=484</guid>
		<description><![CDATA[Microsofts Firefox add-ons orsakar stabilitet- eller säkerhetsproblem. Därför har Mozilla nu valt att blockera dem. Tack Mozilla!]]></description>
			<content:encoded><![CDATA[<p>Nyligen fick jag ett annorlunda meddelande från Firefox på min skärm. Microsofts Firefox add-ons orsakar stabilitet- eller säkerhetsproblem. Därför har Mozilla nu valt att blockera dem.</p>
<p>Jag har ett flertal gånger irriterat mig över att Microsoft utan mitt medgivande installerar add-ons i Firefox. Dessa tillägg gick inte heller att avinstallera. Nu slipper jag se dem. Tack Mozilla!</p>
<p><a href="http://www.jenst.se/wp-content/uploads/problem-firefox.png"><img class="alignnone size-full wp-image-485" title="Firefox blockar Microsoft add-ons" src="http://www.jenst.se/wp-content/uploads/problem-firefox.png" alt="Firefox blockar Microsoft add-ons" width="502" height="362" /></a></p>
<p>Jag hoppas nu att de hålls blockerade även i framtiden, men jag befarar att Microsoft snart övertalar Mozilla att häva blockeringen.</p>
<h3>Läs mer</h3>
<ul>
<li><a title="IDG - Firefox stoppar buggigt Microsoft-program" href="http://www.idg.se/2.1085/1.261398/firefox-stoppar-buggigt-microsoft-program">IDG &#8211; Firefox stoppar buggigt Microsoft-program</a></li>
</ul>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2009/10/19/firefox-blockar-microsoft-add-ons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Allt om typsnitt / fonter på webben</title>
		<link>http://www.jenst.se/2009/03/09/allt-om-typsnitt-fonter-pa-webben/</link>
		<comments>http://www.jenst.se/2009/03/09/allt-om-typsnitt-fonter-pa-webben/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 20:28:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design / layout]]></category>
		<category><![CDATA[PHP / MySQL]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Typsnitt]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=226</guid>
		<description><![CDATA[Tjänster och information om typsnitt på webben. Några av tjänsterna är sIFR, Font Burner, Facelift, Typeface, My Fontbook, Font Shaker, Lorem Ipsum, Em Calculator, Wordle och många fler.]]></description>
			<content:encoded><![CDATA[<h2>Introduktion</h2>
<p>Den här artikeln innehåller både information och tjänster för att underlätta bruket av typsnitt, främst i webbmiljö. Har du någon värdefull relevant information som inte tas upp i den här artikeln? Lämna en kommentar.</p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
<h2><img class="alignnone size-full wp-image-229" title="sIFR fonts" src="http://www.jenst.se/wp-content/uploads/sifr_fonts.gif" alt="sIFR fonts" width="600" height="150" /></h2>
<h2>Typsnitt med stilmallar (CSS)</h2>
<p>Är du nybörjare och vill lära dig allt om typsnitt med CSS, läs på <a title="W3Schools" href="http://www.w3schools.com/css/css_font.asp">W3Schools</a>.</p>
<div class="split_page">
<h3>Text-egenskaper</h3>
<ul>
<li><a title="color" href="http://www.w3schools.com/css/pr_text_color.asp">color</a></li>
<li><a title="direction" href="http://www.w3schools.com/css/pr_text_direction.asp">direction</a></li>
<li><a title="line-height" href="http://www.w3schools.com/css/pr_dim_line-height.asp">line-height</a></li>
<li><a title="letter-spacing" href="http://www.w3schools.com/css/pr_text_letter-spacing.asp">letter-spacing</a></li>
<li><a title="text-align" href="http://www.w3schools.com/css/pr_text_text-align.asp">text-align</a></li>
<li><a title="text-decoration" href="http://www.w3schools.com/css/pr_text_text-decoration.asp">text-decoration</a></li>
<li><a title="text-indent" href="http://www.w3schools.com/css/pr_text_text-indent.asp">text-indent</a></li>
<li><a title="text-transform" href="http://www.w3schools.com/css/pr_text_text-transform.asp">text-transform</a></li>
<li><a title="white-space" href="http://www.w3schools.com/css/pr_text_white-space.asp">white-space</a></li>
<li><a title="word-spacing" href="http://www.w3schools.com/css/pr_text_word-spacing.asp">word-spacing</a></li>
</ul>
</div>
<div class="split_page">
<h3>Font-egenskaper</h3>
<ul>
<li><a title="font-family" href="http://www.w3schools.com/css/pr_font_font-family.asp">font-family</a></li>
<li><a title="font-size" href="http://www.w3schools.com/css/pr_font_font-size.asp">font-size</a></li>
<li><a title="font-size-adjust" href="http://www.w3schools.com/css/pr_font_font-size-adjust.asp">font-size-adjust</a></li>
<li><a title="font-stretch" href="http://www.w3schools.com/css/pr_font_font-stretch.asp">font-stretch</a></li>
<li><a title="font-style" href="http://www.w3schools.com/css/pr_font_font-style.asp">font-style</a></li>
<li><a title="font-variant" href="http://www.w3schools.com/css/pr_font_font-variant.asp">font-variant</a></li>
<li><a title="font-weight" href="http://www.w3schools.com/css/pr_font_weight.asp">font-weight</a></li>
</ul>
</div>
<h3>Alla egenskaper på en och samma rad</h3>
<p>Man kan skriva in en ny rad för varje egenskap men man kan spara både tid och plats genom att skriva in allt på en och samma rad.</p>
<pre>h1 {
   font: bold 14px/18px Arial;
}</pre>
<p>Ovan visas h1-taggen med <em>fet stil</em>, <em>14 pixlar hög</em>,  ett <em>radavstånd på 18 pixlar</em> samt att den tillhör <em>Arial-familjen</em>.</p>
<h2>Standard-typsnitt</h2>
<p>Som webbdesigner kan man ibland bli frustrerad över begränsningen som finns i HTML / CSS när det gäller valet av fonter. Det går att använda vilka typsnitt som helst, men de valda typsnitten visas bara om typsnittet finns installerat på användarens datorn. Därför kan det vara bra att veta vilka typsnitt som folk i allmänhet har installerade på sin dator för att få webbplatsen att se likadan ut på alla datorer.</p>
<h3>Windows XP standard-typsnitt</h3>
<p><a href="http://www.wpdfd.com/editorial/xpfonts.htm"><img class="alignright size-full wp-image-250" title="wpdfd Fonts" src="http://www.jenst.se/wp-content/uploads/wpdfd_fonts.gif" alt="wpdfd Fonts" width="192" height="150" /></a></p>
<p>De flesta använder idag Windows och har man många typsnitt installerade kan det vara svårt att veta vilka som var installerade från början.</p>
<p><a title="wpdfd" href="http://www.wpdfd.com/editorial/xpfonts.htm">wpdfd.com</a> har gjort en utmärkt lista över de typsnitt som finns förinstallerade på Windows XP. Eftersom listan är skapad som en bild kan man se hur dessa typsnitt ser ut även om man inte skulle ha dessa installerade.</p>
<h3><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html"><img class="alignright size-full wp-image-249" title="Ampsoft Fonts" src="http://www.jenst.se/wp-content/uploads/ampsoft_fonts.gif" alt="Ampsoft Fonts" width="192" height="150" /></a>Vanliga typsnitt på Windows och OSX</h3>
<p>Om man inte är nöjd med tjänsten ovan så kan man prova <a title="Ampsoft" href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">Ampsoft &#8211; Common Fonts</a> istället. I mitten på sidan finns de vanligaste typsnitten listade, både i normal och fet stil. Dessa står som text och vill man som Windows-användare se hur typsnitten ser ut i OSX så finns det skärmdumpar längre ner på sidan för olika operativsystem med olika konfigurationer.</p>
<h2>Ersätt typsnittet med Flash</h2>
<h3>sIFR</h3>
<p><a href="http://www.mikeindustries.com/blog/sifr/"><img class="size-full wp-image-227 alignright" title="sIFR" src="http://www.jenst.se/wp-content/uploads/sifr.gif" alt="sIFR" width="192" height="116" /></a></p>
<p><a title="sIFR" href="http://www.mikeindustries.com/blog/sifr/">sIFR</a> är en metod för skapa texter och rubriker för webbplatser, i andra typsnitt än de som följer med datorn.</p>
<p>En fördel med metoden är att om Javascript eller Flash saknas så visas de standard-typsnitt som finns på datorn. Det innebär att metoden är helt sökmotorvänlig.</p>
<p>Nackdelen är att sIFR kräver att både Javascript och Flash är installerat på surfarens dator för att det ska fungera.</p>
<h4>WP sIFR &#8211; WordPress plugin</h4>
<p><a href="http://wordpress.org/extend/plugins/wp-sifr/"><img class="size-full wp-image-255 alignright" title="WP siFR" src="http://www.jenst.se/wp-content/uploads/wp_sifr.gif" alt="WP siFR" width="192" height="116" /></a>Använder du WordPress kan du prova <a title="WP sIFR" href="http://wordpress.org/extend/plugins/wp-sifr/">WP sIFR</a> plugin, vilket gör det hela betydligt enklare. Det är bara att installera och sedan aktivera den sIFR-font som ska användas.</p>
<p>Inga programmerings-kunskaper krävs men det kan vara bra att ha använt stilmallar (CSS) tidigare.</p>
<h4>sIFR med Font Burner</h4>
<p><a href="http://www.fontburner.com/"><img class="size-full wp-image-228 alignright" title="Fontburner" src="http://www.jenst.se/wp-content/uploads/fontburner.gif" alt="fontburner" width="192" height="96" /></a></p>
<p>För att förenkla skapandet av kod för sIFR finns <a title="Font Burner" href="http://www.fontburner.com/">Font Burner</a>. Det hela sker i tre steg:</p>
<ol>
<li>Hitta ett typsnitt.</li>
<li>Kopiera den inbäddade koden.</li>
<li>Klistra in koden på din webbplats.</li>
</ol>
<p>Font Burner finns också som plugin till WordPress och heter <a title="Font Burner Control Panel" href="http://wordpress.org/extend/plugins/font-burner-control-panel/">Font Burner Control Panel</a>.</p>
<h4>Fonter / typsnitt till sIFR</h4>
<ul>
<li><a title="Isare" href="http://www.isarie.com/?p=17">Isare &#8211; sIFR Flash Fonts Library</a></li>
<li><a title="sIFRvault" href="http://www.sifrvault.com/">sIFRvault</a></li>
</ul>
<h2>Ersätt typsnittet med Javascript och PHP</h2>
<p>Typsnitten som finns på datorn laddas in från början och sedan ersätts de med hjälp av Javascript. Det gör att om Javascript inte är aktiverat visas de lokalt installerade typsnitten istället. Även sökmotorer och textläsare kommer då utan problem kunna läsa dem.</p>
<h3>Facelift</h3>
<p><a title="Facelift" href="http://facelift.mawhorter.net/"><img class="alignright size-full wp-image-256" title="facelift" src="http://www.jenst.se/wp-content/uploads/facelift.gif" alt="facelift" width="192" height="96" />Facelift</a> är ett populärt skript som har många exempel, utförlig dokumentation och ett forum. De har också en blogg där man kan följa utvecklingen.</p>
<p>Använder du WordPress så kan du istället använda ett plugin som kallas för <a title="Facelift" href="http://wordpress.org/extend/plugins/facelift-image-replacement/">Facelift Image Replacment.</a></p>
<h3>Andra metoder</h3>
<ul>
<li><a title="Typeface" href="http://typeface.neocracy.org/">Typeface</a></li>
<li><a title="TTFTitles WordPress Plugin" href="http://www.hostscope.com/wordpress-plugins/ttftitles-wordpress-plugin/">TTFTitles WordPress Plugin</a></li>
</ul>
<h2>Förhandsgranska texten i realtid</h2>
<h3>CSS Type Set</h3>
<p>Det kan vara smidigt att ha något verktyg för att testa olika text-attribut och hur de påverkar helheten. <a title="CSS Type Set" href="http://csstypeset.com/">CSS Type Set</a> har ett både enkelt, effektivt och snyggt verktyg.</p>
<h3><a href="http://csstypeset.com/"><img class="alignnone size-full wp-image-257" title="CSS Type Set" src="http://www.jenst.se/wp-content/uploads/css_type_set.gif" alt="CSS Type Set" width="600" height="238" /></a></h3>
<p>Man skriver in den text man vill använda. I mitt fall har jag använt en dummy-generator för att skapa texten, som också beskrivs i den här artikeln. Man behöver inte klicka på &#8221;Generera&#8221; som på många andra tjänster, utan texten förändrar sig direkt när man ändrar på någonting.</p>
<h3>Andra tjänster</h3>
<ul>
<li><a title="CSS Type" href="http://www.suprb.com/apps/csstype/">CSS Type</a></li>
<li><a title="Type Tester" href="http://www.typetester.org/">Type Tester</a></li>
<li><a title="Font Tester" href="http://www.fonttester.com/">Font Tester</a></li>
<li><a title="CSS TXT" href="http://csstxt.com/">CSS TXT</a></li>
</ul>
<h2>Bläddra bland typsnitt</h2>
<h3>På webben</h3>
<h4>My Fontbook</h4>
<p>Det finns många program för att lista fonterna som ligger på hårddisken. Att visa typsnitten direkt i webbläsaren kan vara smidigt. Man slipper då installera ett program för det. <a title="My Fontbook" href="http://www.myfontbook.com/">My Fontbook</a> har just en sådan tjänst.</p>
<p>Tjänsten är enkel att använda och ser ut att ha tagit inspiration från OSX, men tjänsten fungerar lika bra i Windows.</p>
<p><a title="My Fontbook" href="http://www.myfontbook.com/"><img class="alignnone size-full wp-image-254" title="My Fontbook" src="http://www.jenst.se/wp-content/uploads/my_fontbook.jpg" alt="My Fontbook" width="600" height="255" /></a></p>
<h4>Font Shaker</h4>
<p><a href="http://www.typedna.com/fontshaker/"><img class="alignright size-full wp-image-258" title="Font Shaker" src="http://www.jenst.se/wp-content/uploads/font_shaker.jpg" alt="Font Shaker" width="192" height="100" /></a>Ett annat sätt att visa typsnitten som ligger på hårddisken är att köra <a title="Font Shaker" href="http://www.typedna.com/fontshaker/">Font Shaker</a>. Likt My Fontbook får man upp alla typsnitt som är installerade. Skillanden är att den här tjänsten är byggd i Flash och visar upp typsnitten i 3D.</p>
<h4>Andra Tjänster</h4>
<ul>
<li><a title="Font Picker" href="http://richardsprojects.co.uk/products/font-picker/">Font Picker</a></li>
<li><a title="Flipping Typical" href="http://flippingtypical.com/">Flipping Typical</a></li>
</ul>
<h3>I ett vanligt program</h3>
<p>Trivs man bättre med att lista fonterna genom ett installerat program listar jag här några stycken som fungerar bra (i Windows).</p>
<ul>
<li><a title="AMP Font Viewer" href="http://www.ampsoft.net/utilities/FontViewer.php">AMP Font Viewer</a></li>
<li><a href="http://members.ozemail.com.au/~scef/tft.html">The Font Thing</a><a href="http://members.ozemail.com.au/~scef/tft.html"><br />
</a></li>
</ul>
<h2>Portaler med typsnitt</h2>
<h3>Dafont</h3>
<p><a href="http://www.dafont.com/"><img class="alignright size-full wp-image-259" title="dafont" src="http://www.jenst.se/wp-content/uploads/dafont.gif" alt="dafont" width="192" height="119" /></a></p>
<p>En av världens mest populära webbplatser för typsnitt är <a title="Dafont" href="http://www.dafont.com/">Dafont</a>. Det är en mycket lättnavigerad webbplats och det kommer hela tiden in nya typsnitt. Det finns möjlighet att testa sin egen text med de typsnitten som finns.</p>
<p>Vill man förlita sig på den stora massan så finns det en topp 100-lista. För att hitta ett specifikt typsnitt kan man använda deras sökfunktion.</p>
<h3>Urbanfonts</h3>
<p><a href="http://www.urbanfonts.com/"><img class="alignright size-full wp-image-260" title="urbanfonts" src="http://www.jenst.se/wp-content/uploads/urbanfonts.gif" alt="urbanfonts" width="192" height="56" /></a>En uppstickare som kommer starkt är <a title="Urbanfonts" href="http://www.urbanfonts.com/">Urbanfonts</a>. En av de stora skillnaderna mot Dafont är att Urbanfonts använder sig av Ajax i stor utsträckning. Det gör att sidan inte behöver laddas om igen ifall man ändrar några inställningar. Även här finns möjligheten testa sin egen text med valt typsnitt.</p>
<h3>Andra portaler</h3>
<ul>
<li><a title="Font Squirrel" href="http://www.fontsquirrel.com">Font Squirrel</a></li>
</ul>
<h2>Generera dummy-text</h2>
<p>Som webbdesigner så finns det situationer då man behöver text för att testa hur den kommer bete sig tillsammans med exempelvis en stilmall. Att skriva ihop en tillfällig text om ingenting är ofta slöseri med tid.</p>
<h3>Lorem Ipsum</h3>
<p><a title="Lorem Ipsum" href="http://www.lipsum.com/">Lorem Ipsum</a> är en bra metod för att generera en dummy-text. Här är ett exempel på hur texten kan se ut:</p>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean varius nisl eu ligula. Sed tincidunt, arcu in pellentesque euismod, arcu odio tincidunt neque, ut imperdiet eros arcu a velit. Proin magna. Nam nibh.</em></p>
<h3><a href="http://sogame.awardspace.com/dummylipsum/"><img class="alignright size-full wp-image-253" title="Dummy Lipsum" src="http://www.jenst.se/wp-content/uploads/dummy_lipsum.gif" alt="Dummy Lipsum" width="192" height="137" /></a>Dummy Lipsum &#8211; Firefox tillägg<em><br />
</em></h3>
<p>Använder du Firefox kan du istället installera  <a title="Dummy Lipsum" href="http://sogame.awardspace.com/">Dummy Lipsum</a>. Den genererar dummy-text på samma sätt som</p>
<p>Lorem Ipsum, men det går snabbare att komma åt, då den läggs till i navigeringsfältet.</p>
<h3>Andra dummytext-generatorer</h3>
<ul>
<li><a title="Lorem Ipsum" href="http://www.lorem-ipsum.info/generator3">Lorem Ipsum</a></li>
<li><a title="Malevole" href="http://www.malevole.com/mv/misc/text/">Malevole</a></li>
</ul>
<h2>Konvertera pixlar till em</h2>
<p><a href="http://pxtoem.com/"><img class="alignright size-full wp-image-251" title="PXtoEM" src="http://www.jenst.se/wp-content/uploads/pxtoem.gif" alt="pxtoem" width="192" height="150" /></a>Många webbdesigners använder sig av pixlar när de sätter storlek på typsnitten i stilmallen. Många vet hur stor en pixel är och av den anledningen är det lätt att göra det till en vana. Vissa webbläsare kan inte skala om storleken på texten om den angetts i pixlar så därför är det rekommenderat att den skrivs till formatet &#8221;em&#8221;.</p>
<p><a href="http://riddle.pl/emcalc/"><img class="alignnone size-full wp-image-252" title="EM Calculator" src="http://www.jenst.se/wp-content/uploads/em_calculator.gif" alt="EM Calculator" width="239" height="36" /></a></p>
<h3>Em Calculator och PXtoEM</h3>
<p>En bra tjänst för att konvertera pixlar till em är <a title="Em Calculator" href="http://riddle.pl/emcalc/">Em Calculator</a>. En annan tjänst är <a title="PXtoEM" href="http://pxtoem.com/">PXtoEM</a>. De är väldigt olika så det kan finnas fördelar att prova båda.</p>
<h2>Övrigt</h2>
<h3>Lek med texter i Wordle</h3>
<p><a href="http://www.wordle.net/"><img class="size-full wp-image-248 alignright" title="wordle.net" src="http://www.jenst.se/wp-content/uploads/wordle.gif" alt="wordle.net" width="248" height="150" /></a></p>
<p>En spännande tjänst är <a title="Wordle" href="http://www.wordle.net/">Wordle</a>. Man skriver in den text man vill använda och klickar på en knapp.</p>
<p>Beroende på vilka inställningar man använder får man olika effekter.</p>
<p>Efter lite testande fick jag fram den här vackra skapelsen (till höger).</p>
<h2>Slutord</h2>
<p>Självklart finns det både mer information och fler tjänster därute. Saknar du någonting? Skriv en kommentar så kikar jag på det.</p>
<p>Jag kommer att hålla liv i den här artikeln och uppdatera den när jag får fatt i fler bra tjänster eller information.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2009/03/09/allt-om-typsnitt-fonter-pa-webben/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Firefox 3 tillägg</title>
		<link>http://www.jenst.se/2008/06/08/firefox-3-tillagg/</link>
		<comments>http://www.jenst.se/2008/06/08/firefox-3-tillagg/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 18:22:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=135</guid>
		<description><![CDATA[Firefox 3 kommer inom en mycket kort framtid. Jag har tidigare skrivit om fördelarna med Firefox 3 och den här gången tänkte jag bara erbjuda en lista på det jag anser är de absolut bästa tilläggen för Firefox 3.]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Mozilla" src="http://www.jenst.se/images/mozilla.gif" alt="" width="150" height="144" />Firefox 3 kommer inom en mycket kort framtid. Jag har tidigare skrivit om fördelarna med Firefox 3 och den här gången tänkte jag bara erbjuda en lista på det jag anser är de absolut bästa tilläggen för Firefox 3.</p>
<p>Det kan fortfarande vara svårt att hitta tillägg som fungerar i Firefox 3 men det blir bättre för varje dag som går. Här är en lista på några av de tillägg jag har installerade i Firefox 3 RC1.</p>
<h2>Colorzilla</h2>
<p><a href="http://www.iosart.com/firefox/colorzilla/">Colorzilla</a> är ett tillägg främst för att kunna plocka en färg från en webbplats som automatiskt kan lagras som färgkod i klippbordet, lämpligt att sedan klistra in i valfritt bildbehandlingsprogram. Ser man en webbplats med en snygg färg så kan man enkelt plocka den med Colorzilla utan att behöva rota runt i stilmallen.</p>
<p>Ett annat användningsområde för tillägget är att man snabbt kan se vilken klass eller id en viss del av hemsidan tillhör. Mycket användbart om man ska felsöka sin egen webbplats efter exempelvis grafiska buggar.</p>
<h2>Dictionary Switcher</h2>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/3414">Dictionary Switcher</a> är ett tillägg som hjälper till med rättstavning när man skriver i textboxar. Man kan ställa in manuellt det språk man skriver om, eller alternativt låta tillägget känna av automatiskt vad sidan är på för språk. Det är mycket enkelt att använda och det finns där utan att störa.</p>
<h2>Download Statusbar</h2>
<p><a href="http://downloadstatusbar.mozdev.org/">Download Statusbar</a> är till för de som inte trivs så bra med Firefox egna filhämtare. Här har man istället full överblick över vilka filer som tas hem eftersom de laddas ner synligt ovanför statusfältet. Det är ett av de mest populära tillägg för Firefox.</p>
<h2>Dummy Lipsum</h2>
<p>När man skapar en webbplats eller ett designförslag finns det i många fall skäl att behöva lite &#8221;dummy&#8221;-text, alltså text som egentligen inte betyder någonting men som är bra som utfyllnad.</p>
<p>Jag använder tillägget <a href="http://sogame.awardspace.com/">Dummy Lipsum</a> som effektivt och snabbt skapar den dummy-text jag behöver. Man kan välja mängd text och antal stycken. Det går betydligt snabbare än att trycka fram en massa tecken manuellt.</p>
<h2>Fast Dial</h2>
<p>De som använt Opera kanske känner till deras Speed Dial, en funktion när en tom flik inte innebär en tom sida. Sidan används istället för att visa minibilder av webbplatser som man själv valt. Det finns några tillägg till Firefox som har kopierat funktionen och det jag trivs bäst med är tillägget <a href="http://telega.phpnet.us/fastdial/">Fast Dial</a>.</p>
<h2>Firebug</h2>
<p>Definitivt ett av de bästa tillägg för de som skapar webbplatser. <a href="http://www.getfirebug.com/">Firebug</a> är toppen för att felsöka exempelvis Javascript och där få reda på vad som är fel. Jag använder det dagligen. Det finns även möjligheter att stega sig igenom kod som krånglar för att upptäcka problem. Det finns mycket att säga om det här tillägget men deras webbplats går igenom det hela mycket bra. Beta-versionen fungerar i Firefox 3 RC1.</p>
<h2>Fission</h2>
<p>Att kunna se hur långt sidan har laddats och hur långt det är kvar tycker jag är av värde. <a href="http://mozilla.zeniko.ch/fission.html">Fission</a> är ett tillägg som härmar en funktion i Safari. Den använder adressfältet för grafisk visning av hur mycket sidan har kvar att ladda. Inte nödvändigt men trevligt.</p>
<h2>GA?</h2>
<p>Det kan finnas många skäl till varför man vill se om Google Analytics finns på en webbplats. Det kan vara jobbigt att alltid visa källa för att se om Javascriptet ligger där. <a href="http://www.twistermc.com/">GA?</a> visar i statusfältet om webbplatsen man befinner sig på innehåller Google Analytics eller ej. Det är perfekt om man skapar flera webbplatser dagligen och sedan vill dubbelkolla så alla webbplatser har Google Analytics installerat.</p>
<h2>Gmail Notifier</h2>
<p>Jag och säkert många med mig har ett behov av att kolla Gmailen ofta. För att slippa logga in där hela tiden har jag lagt in tillägget <a href="http://www.nexgenmedia.net/extensions/">Gmail Notifier</a>. Det visar antingen i statusfältet eller i verktygsfältet om det finns nya mail eller ej. Har man mail är man bara ett klick ifrån att läsa den.</p>
<h2>IE NetRenderer</h2>
<p>Ett ständigt problem som webbdesigners har är att Internet Explorer inte följer standarden. Det gör att man ständigt måste testköra webbplatsen i Internet Explorer för att se så att den verkligen visas som den ska. Har man Vista kan man normalt sätt inte köra Internet Explorer 6 eftersom Internet Explorer 7 är förinstallerat. Med <a href="https://addons.mozilla.org/en-US/firefox/addon/6455">IE NetRenderer</a> kan man låta en server testköra webbplatsen och sedan skicka tillbaka resultatet som en bild, vilket endast tar någon sekund. Yttligare ett tillägg för den som skapar webbplatser alltså.</p>
<h2>McAfee SiteAdvisor</h2>
<p>De nyare webbläsarna har bättre skydd mot farliga webbplatser men jag litar inte på dem fullt ut utan kör <a href="http://www.siteadvisor.com/">McAfee SiteAdvisor</a>. Tillägget visar farliga webbplatser som röda och ofarliga webbplatser som gröna i Google efter en sökning.</p>
<p>New Tab Button on Tab Right</p>
<p>Jag är inget fan av Internet Explorer då jag tycker Firefox ligger enormt långt före på många plan. Däremot tycker jag inte allt är sämre. En av funktionerna jag saknar i Firefox är knappen som Internet Explorer 7 har för att skapa ny flik. Därför kör jag <a href="http://f22.aaa.livedoor.jp/%7Eptdb/firefox/theme.html">New Tab Button on Tab Right</a>.</p>
<h2>Sage-Too</h2>
<p>För den som vill bevaka exempelvis nyheter från Aftonbladet kan använda sig av de inbyggda aktiva bokmärken som visar de senaste nyheterna med hjälp av ett RSS-flöde. Grunden med aktiva bokmärken tycker jag är bra, men jag saknar att det inte visas vilka bokmärken som man har läst. <a href="https://addons.mozilla.org/en-US/firefox/addon/7263">Sage-Too</a> är en RSS-läsare där man kan se vilka nyheter som är lästa, redan innan man öppnat webbplatsen.</p>
<h2>Screengrab</h2>
<p>Hur många gånger har man inte försökt att ta en screenshot på en webbplats och upptäckt att den är för lång? Med <a href="http://www.screengrab.org/">Screengrab</a> kan man plocka en hel webbsida utan att behöva klippa och klistra ihop delarna med ett bildbehandlingsprogram.</p>
<h2>SearchStatus</h2>
<p>För den som håller på med sökmotoroptimering eller av annat skäl är intresserad av Pagerank mm passar <a href="http://www.quirk.biz/searchstatus/">SearchStatus</a> bra. Pagerank visas om man önskar hela tiden i statusfältet. Det finns även möjlighet att kolla inlänkar, nofollow-länkar, robots.txt, archive.org, sökordsdensitet och en del annat.</p>
<h2>Web Developer</h2>
<p><a href="http://chrispederick.com/work/web-developer/">Web Developer</a> är ett tillägg som webbdesigners inte bör kunna leva utan. Det skapar ett verktygsfält med en mängd olika verktyg som gör arbetet med att skapa och kontrollera en webbplats betydligt enklare. Man kan exempelvis välja att markera alla tabeller eller divvar med linjer för att se hur strukturen ser ut. Det går att visa källa på en kod som genereras med Javascript, något som inte går i vanliga fall.</p>
<p>Det finns också möjligheter att stänga av Javascript vilket jag använder ofta. Man kan mäta avstånd på skärmen genom att dra upp en ruta. Det finns mycket mycket mer och jag kommer inte gå igenom allt här.</p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2008/06/08/firefox-3-tillagg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox 3 &#8211; Nya funktioner</title>
		<link>http://www.jenst.se/2008/06/01/firefox-3-nya-funktioner/</link>
		<comments>http://www.jenst.se/2008/06/01/firefox-3-nya-funktioner/#comments</comments>
		<pubDate>Sun, 01 Jun 2008 16:32:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=130</guid>
		<description><![CDATA[Firefox 3 är äntligen här, eller iallafall version RC1. Jag har testat och tycker den känns riktigt bra. Det finns en hel del nyheter, några mer värdefulla än andra. Taggar Något jag väntat länge på är möjligheten att kunna tagga mina bokmärken. I firefox 2 kan man lägga bokmärken i mappar och på så sätt [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox 3 är äntligen här, eller iallafall version RC1. Jag har testat och tycker den känns riktigt bra. Det finns en hel del nyheter, några mer värdefulla än andra.</p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
<h2>Taggar</h2>
<p>Något jag väntat länge på är möjligheten att kunna tagga mina bokmärken. I firefox 2 kan man lägga bokmärken i mappar och på så sätt hålla lite ordning. Med taggar får man ännu större möjlighet till ordning och reda. Tar man bort bokmärket från en tagg så försvinner det inte utan blir endast avtaggad.</p>
<p><img class="alignnone" title="Bookmarks" src="http://www.jenst.se/images/firefox3-bookmarks.gif" alt="" width="600" height="131" /></p>
<h2>Smarta bokmärken</h2>
<p>Nu kan man bland bokmärken se de senaste använda taggarna, senaste bokmärken och mest besökta bokmärken. Det kan vara bra om man exempelvis vill fortsätta med vad man gjort tidigare utan att ge sig in i den snåriga bokmärksstrukturen.</p>
<p>Sökningen efter bokmärken har också blivit förbättrad. Tidigare hade jag tillägg för att kunna söka i keywords osv. Nu söker Firefox i all information som finns att tillgå, även taggar.</p>
<h2>Ny design</h2>
<p>Enligt mig har Firefox och Safari aldrig varit något vidare vad det gäller design och layout. Firefox 3 har nu skärpt till sig lite. Det ska också vara bättre anpassat för det operativsystem man kör. Så här ser det ut på Windows XP:</p>
<p><img class="alignnone" title="Firefox 3 XP" src="http://www.jenst.se/images/firefox3-windows-xp.gif" alt="" width="600" height="58" /></p>
<h2>Snabbare rendering av sidor</h2>
<p>Webbläsarna kör kapplöpning om vem som är snabbast och Safari har varit den snabbaste men nu tycks Firefox 3 ha gått om. Jag har själv märkt stora skillnader när det gäller Javascript-hanteringen. Vissa webbsystem som körts med Javascript i Firefox 2 har helt låst webbläsaren i flera sekunder. Nya versionen av Gmail har också kraschat min Firefox 2 ett flertal gånger. Det beror på ett Javascript-fel som utlöses av ett antal tillägg. De som skrivit tilläggen har valt att inte åtgärda problemet eftersom felet är fixat i Firefox 3. Mer att läsa om det finns på <a href="http://www.neowin.net/forum/index.php?showtopic=603759&amp;view=getnewpost">New Gmail crasches Firefox</a>.</p>
<h2>Inbyggt Flash och bättre hantering av tillägg</h2>
<p>Någonting jag också sett fram emot länge är när Flash blir en naturlig del av webbläsaren. Mozilla har tagit ett första steg genom att bygga in den i systemet. Det finns även en del andra insticksmoduler som man enkelt kommer åt genom tillägg.</p>
<p><img class="alignnone" title="Firefox 3 instickningsmoduler" src="http://www.jenst.se/images/firefox3-insticksmoduler.gif" alt="" width="600" height="157" /></p>
<p>Något som också är nytt är att man kan söka upp tillägg direkt utan att behöva besöka mozillas webbplats. Det är smidigt om man vet vilket tillägg man söker.</p>
<h2>Nytt sätt att lägga till bokmärken</h2>
<p><img class="alignright" title="Firefox 3 bookmarks" src="http://www.jenst.se/images/firefox3-redigera-bookmark.gif" alt="" width="291" height="170" /></p>
<p>Det nya sättet att bokmärka går ut på att man har en stjärn-symbol brevid webbplatsadressen. Ett klick bokmärker sidan. Då blir stjärnan gul som visar att den är bokmärkt. Ett klick till då stjärnan är gul gör att man får editera bokmärket man just lagt till.</p>
<h2>Ny möjlighet till zoom</h2>
<p>Opera har länge haft en zoom-funktion som fungerat annorlunda mot de andra webbläsarna. Istället för att endast förstora typsnittens storlek förstorar den även bilder. Effekten blir då att hela sidan förstoras. Internet Explorer 7 införde detta och nu är det alltså Firefox tur. Så långt jag har testat så fungerar det bra och förstoringen sker fortfarande med samma kommandon och kortkommandon CTRL +, CTRL &#8211; och CTRL 0. Läs mer om Firefox Zoom på <a href="http://arstechnica.com/journals/linux.ars/2007/07/27/firefox-3-gets-full-page-zoom">Arstechnica &#8211; Firefox 3 gets full-page zoom</a>.</p>
<h2>Adressfält med bättre förslag</h2>
<p>I Firefox 2 visas endast webbplatsadresserna som förslag som då baserats på tidigare besök. I Firefox 3 visas dels adresserna men även titeln vilket kan hjälpa till vid märkliga webbplatsadresser. Något som jag uppskattar ännu mer vid förslag är att den längre bara går efter det som finns i historiken utan även de adresser man har i bokmärken.</p>
<p><img class="alignnone" title="Firefox 3 adressfält" src="http://www.jenst.se/images/firefox3-idg.gif" alt="" width="600" height="173" /></p>
<h2>Minnesproblem lösta (förhoppningsvis)</h2>
<p>Under flera år har Firefox skapat lidande för användarna genom minnesläckage. Det uppkom efter mycket långa surfperioder eller många öppnade flikar. Problemet verkar ha varit att inte minnet lämnats tillbaka när fliken stängdes. Mozilla har fått mycket kritik för minnesproblemet och infört många åtgärder och buggfixar för detta. I Firefox 3 ska minnesproblemet vara ett minne blott. Läs mer om minnesproblemet och lösningen i artikeln <a href="http://arstechnica.com/news.ars/post/20080317-firefox-3-goes-on-a-diet-eats-less-memory-than-ie-and-opera.html">Arstechnica &#8211; Firefox 3 goes on a diet, eats less memory than IE and Opera</a>.</p>
<h2>Ökad säkerhet</h2>
<p><img class="alignright" title="Firefox 3 säkerhet" src="http://www.jenst.se/images/firefox3-krypterad.gif" alt="" width="393" height="238" /></p>
<p>Mozilla har på flera sätt utökat säkerheten i webbläsaren. Ett av sätten är att informera om hur säker webbplatsen är och varna för farliga webbplatser. Firefox visar en grön list på verifierade webbplatser och klickar man på gröna listen så får man upp vilket företag det gäller samt vilket företag som har verifierat att webbplatsen är säker.</p>
<h2>Varför kan man inte?</h2>
<p>När man ska editera ett bokmärke och högerklickar och sedan väljer egenskaper så förväntar jag mig att även få upp dels val av mapp men även möjlighet att lägga till och ta bort taggar. För att kunna göra det måste man annars gå in i &#8221;Ordna bokmärken&#8221; eller klicka på bokmärket för att öppna webbplatsen och sedan redigera med klick på den gula stjärnan. Onödigt omständigt. Jag hoppas det kommer antingen till den skarpa versionen eller till Firefox 4 som för övrigt kan komma relativt kort efter släppet av Firefox 3.</p>
<h2>Buggar kvarstår</h2>
<p>Jag har tidigare testat Firefox 3 beta 2 och den innehöll så pass mycket buggar att den inte ens var användbar för normalt bruk. Nu kör jag Firefox 3 RC1 och den är betydligt mer stabil. Eftersom den är hyfsat stabil och i vissa fall även mer stabil än Firefox 2 så kommer jag att fortsätta ha den installerad tills dess att den skarpa versionen kommer.</p>
<p>Det som har buggat för mig är dels slumpvis krascher, både hemma och på jobbet. Hemma har jag även upplevt problem med buggar vid förändring av bokmärkesstrukturen. Jag har flyttat bokmärken fram och tillbaka, tagit bort bokmärken, flyttat in dem till taggar fram och tillbaka och vid en del av dessa förändringar har webbläsaren hängt sig. Lyckligtvis sparades förändringarna innan Firefox hängde sig så inget behövdes göras om.</p>
<p>Eftersom det fortfarande finns flera allvarliga buggar kvar så kommer det i dagarna släppas en RC2 innan det blir dags för släppet av den skarpa Firefox 3. De säger sig kunna släppa webbläsaren skarpt i juni så vi får hoppas att de klarar målet denna gång.</p>
<h2>Firefox i Guinness rekordbok</h2>
<p>Mozilla vill slå ett världsrekord i flest antal nedladdningar på ett dygn av en mjukvara. Om man vill vara med får man hålla sig väl uppdaterad så man inte missar tillfället. Mer information finns på <a href="http://www.spreadfirefox.com/en-US/worldrecord/firefox3">Spread Firefox | Download day 2008</a></p>
<p><a href="http://www.spreadfirefox.com/en-US/worldrecord/"><img class="aligncenter" style="border: none;" title="Download day" src="http://www.jenst.se/images/firefox3-download-day.gif" alt="" width="600" height="60" /></a></p>
<h2>Några relaterade artiklar på IDG:</h2>
<ul>
<li><a href="http://www.idg.se/2.1085/1.165171">Firefox 3 närmar sig med stormsteg</a></li>
<li><a href="http://www.idg.se/2.1085/1.165165">5 finesser du kommer att älska med Firefox 3</a></li>
<li><a href="http://www.idg.se/2.1085/1.164807">Firefox på väg mot Guiness</a></li>
<li><a href="http://www.idg.se/2.1085/1.164775">Mozilla satsar på nördigt världsrekord</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2008/06/01/firefox-3-nya-funktioner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Validera din hemsida</title>
		<link>http://www.jenst.se/2007/08/02/validera-din-hemsida/</link>
		<comments>http://www.jenst.se/2007/08/02/validera-din-hemsida/#comments</comments>
		<pubDate>Thu, 02 Aug 2007 18:51:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbtjänster / onlineverktyg]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=27</guid>
		<description><![CDATA[För att inte hemsidan man skapar ska bära sig konstigt åt i olika webbläsare bör man validera den. Det är också en bra förebyggande åtgärd för att inte få problem i framtiden. W3C &#8211; standarden för XHTML och CSS W3C har satt upp en standard, ett regelverk för hur hemsidor ska skrivas för att fungera [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://www.jenst.se/images/bock.gif" alt="" width="150" height="150" />För att inte hemsidan man skapar ska bära sig konstigt åt i olika webbläsare bör man validera den. Det är också en bra förebyggande åtgärd för att inte få problem i framtiden.</p>
<h2>W3C &#8211; standarden för XHTML och CSS</h2>
<p>W3C har satt upp en standard, ett regelverk för hur hemsidor ska skrivas för att fungera korrekt. För att provköra koden används <a href="http://validator.w3.org/">W3C Validator.</a> Där skriver man in adressen till hemsidan och klickar på &#8221;Check&#8221;. Därefter får man en lista på de fel man har och finns inga fel så får man en grön bock.</p>
<h2>HTML Validator &#8211; Ett Firefox tillägg</h2>
<p>Är man Firefox-användare finns det smidigare metoder. Det jag använder är ett tillägg som heter <a href="https://addons.mozilla.org/en-US/firefox/addon/249">HTML Validator</a>. Under tiden man surfar visar det om sidan man besökt innehåller fel eller ej, grön, gul eller röd beroende på hur allvarligt fel det är. Så länge bocken är grön håller man sig på banan, mycket smidigt. För att vara helt säker, bör man ändå använda W3C Validator då HTML Validator inte alltid hittar alla fel.</p>
<h2>WebXACT &#8211; Går på djupet</h2>
<p>Vill man testköra sidan för andra typer av fel, t ex felaktiga länkar så är <a href="http://webxact2.watchfire.com/">WebXACT</a> att rekommendera. Den går verkligen på djupet och hittar väldigt mycket.</p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
<h2>Testkör för alla webbläsare</h2>
<p>Det viktigaste är kanske ändå att testköra hemsidan i de olika webbläsare som finns. Har man PC så kan man ladda ner <a href="http://www.opera.com/">Opera</a>, <a href="http://www.apple.com/safari">Safari</a>, <a href="http://www.mozilla.com/firefox">Firefox</a> och <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a>. Internet Explorer är det som brukar ställa till mest problem eftersom Microsoft envisas med att inte följa standarden, men det mesta brukar gå att lösa.</p>
<h2>IE NetRenderer &#8211; Webbplats som ritar hemsidan i IE5.5, IE6 och IE7</h2>
<p>Sitter man med Internet Explorer 7 och samtidigt vill testköra sidan i Internet Explorer 6 kan det bli svårt. Då är det tur att <a href="http://ipinfo.info/netrenderer/index.php">IE NetRenderer</a> finns. Den ritar upp hur hemsidan ser ut i IE5.5, IE6 eller IE7.</p>
<h2>Standarden följs dåligt</h2>
<p>De flesta hemsidor på internet följer inte standarden, inte alla webbläsare heller, även om det blir bättre. Efter denna artikel hoppas jag att det blir ännu bättre.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2007/08/02/validera-din-hemsida/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox 3 nyheter</title>
		<link>http://www.jenst.se/2007/07/21/firefox-3-nyheter/</link>
		<comments>http://www.jenst.se/2007/07/21/firefox-3-nyheter/#comments</comments>
		<pubDate>Sat, 21 Jul 2007 16:07:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webbläsare]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.jenst.se/?p=9</guid>
		<description><![CDATA[Jag har funnit några intressanta bilder vad som skulle kunna likna den nya Firefox 3 som väntas komma till hösten / vintern 2007. Det finns även en hel del intressanta artiklar om nya Firefox 3 på IDG. Det jag är mest nyfiken på är &#8221;taggar&#8221;, ett nytt sätt att ordna sina bokmärken. Skillnaden mellan taggar [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Mozilla" src="http://www.jenst.se/images/mozilla.gif" alt="" width="150" height="144" />Jag har funnit några <a href="http://blog.mozilla.com/faaborg/2007/06/01/the-user-interface-of-firefox-3-features">intressanta bilder</a> vad som skulle kunna likna den nya Firefox 3 som väntas komma till hösten / vintern 2007. Det finns även en hel del intressanta artiklar om nya Firefox 3 på <a href="http://www.idg.se/2.1085/1.113529">IDG</a>.</p>
<p>Det jag är mest nyfiken på är &#8221;taggar&#8221;, ett nytt sätt att ordna sina bokmärken. Skillnaden mellan taggar och mappar är att man kan placera bokmärken under flera huvudtitlar, om ett bokmärke passar in på fler ställen.</p>
<p>Förhoppningsvis går denna process väldigt smidigt direkt när bokmärken läggs till, så man inte behöver gå in efteråt och editera. Det går relativt smidigt redan nu, men kan bli bra mycket bättre.</p>
<h2>Firefox stjäl minne</h2>
<p>Några jag pratat med har upplevt att Firefox stjäl minne som den sedan inte lämnar tilbaka. Om så är fallet så vore det bra om det fixade det problemet till nya versionen också.</p>
<p>För dig som inte använder Firefox, byt så kommer en ny värld att öppna sig, särskilt om du är webbdesigner.</p>
<div class="adsense"><script type="text/javascript"><!--
			google_ad_client = "pub-3076083280861773";
			/* 336x280, skapad 2009-12-06 */
			google_ad_slot = "4722225889";
			google_ad_width = 336;
			google_ad_height = 280;
			//-->
			</script>
			<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
			</script></div>
]]></content:encoded>
			<wfw:commentRss>http://www.jenst.se/2007/07/21/firefox-3-nyheter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
