<?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/"
	xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
>

<channel>
	<title>Macbloggen</title>
	<atom:link href="http://macbloggen.se/feed/" rel="self" type="application/rss+xml" />
	<link>http://macbloggen.se</link>
	<description>En sajt för dig som arbetar kreativt med datorn som redskap!</description>
	<lastBuildDate>Thu, 07 Mar 2013 12:38:06 +0000</lastBuildDate>
	<language>sv-SE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
	<itunes:new-feed-url>http://macbloggen.se/webbteve/feed/</itunes:new-feed-url>
	<itunes:summary>En sajt för dig som arbetar kreativt med datorn som redskap!</itunes:summary>
	<itunes:image href="http://macbloggen.se/wordpress/wp-content/themes/macbloggen_v2/global/images/podcast.png?rev2" />
	<itunes:category text="Technology"></itunes:category>
	<itunes:author>Macbloggen</itunes:author>
	<itunes:owner>
		<itunes:name>Karl Wångstedt</itunes:name>
	
		<itunes:email>rss@macbloggen.se</itunes:email>
	</itunes:owner>
		<item>
		<title><![CDATA[Windowsprogram i OSX]]></title>
		<link>http://macbloggen.se/link-blog/wine-genom-winonx-och-crossover/</link>
		<comments>http://macbloggen.se/link-blog/wine-genom-winonx-och-crossover/#comments</comments>
		<pubDate>Sat, 03 Dec 2011 11:10:00 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[MB rekommenderar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4393</guid>
		<description><![CDATA[<h3>Behöver du köra program för Windows i din Mac men har igen lust att krångla med dubbla system. Har du tur funkar det med Win on X eller Crossover.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>Behöver du köra program för Windows i din Mac men har igen lust att krångla med dubbla system. Har du tur funkar det med Win on X eller Crossover.</h3>
<p>Win on X är en gren av den fria mjukvaran Wine, som gör det möjligt att köra program till Windows i andra operativsystem. Hittills har paketeringar som ;<a href="http://darwine.sourceforge.net/">Darwine</a> ;och ;<a href="http://winebottler.kronenberg.org/">Winebottler</a> ;försökt göra installationen av Wine i Mac OS enklare. Nu finns även ;<a href="http://itunes.apple.com/se/app/winonx/id421346233?mt=12">Win on X för 38 kr i Mac app store</a> ;– enklare än så här blir det inte.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4397 align02" title="WinOnX_MacAppStore" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/12/WinOnX_MacAppStore-590x360.png" alt="" width="590" height="360" /></p>
<p>Långt ifrån alla program går att köra på det här sättet, men det är värt ett försök. Innan du lägger ner för mycket tid så <a href="http://appdb.winehq.org/">kolla om ditt program finns med i den här listan</a>.</p>
<p>Koden från Wine finns även snyggare förpackat i <a href="http://www.codeweavers.com/">Crossover</a> som kan vara ett alternativ. Crossover kostar ungefär tio gångar så mycket som Win on X men finns även som 30 dagars demo.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4393" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/link-blog/wine-genom-winonx-och-crossover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Slå på spårning av dina prylar från Apple]]></title>
		<link>http://macbloggen.se/tips-trix/hitta-min-iphone-ipad-ipod-mac/</link>
		<comments>http://macbloggen.se/tips-trix/hitta-min-iphone-ipad-ipod-mac/#comments</comments>
		<pubDate>Sun, 20 Nov 2011 20:08:32 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[Guider]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4355</guid>
		<description><![CDATA[<h3>I och med att Apple gjorde om Mobile me till Icloud blev tjänsten Hitta min Iphone gratis. En tjänst som bland annat gör det möjligt att spåra stulna telefoner via GPS, skicka textmeddelande, spela upp ljud, låsa enheten eller radera den. Funktioner som gör livet mycket lättare om enheten försvinner – förutsatt att man har&#160;aktiverat&#160;tjänsten.</h3>
<p>
]]></description>
				<content:encoded><![CDATA[<h3>I och med att Apple gjorde om Mobile me till Icloud blev tjänsten Hitta min Iphone gratis. En tjänst som bland annat gör det möjligt att spåra stulna telefoner via GPS, skicka textmeddelande, spela upp ljud, låsa enheten eller radera den. Funktioner som gör livet mycket lättare om enheten försvinner – förutsatt att man har&nbsp;aktiverat&nbsp;tjänsten.</h3>
</p>
<p>För en tid sedan kunde vi läsa om <a href="http://www.idg.se/2.1085/1.414470/har-ar-niclas-stulna-ipad">Niclas vars stulna Ipad</a> gick att spåra till ett flerfamiljshus. Därför kunde polisen inte få någon&nbsp;husrannsakan&nbsp;för att leta efter den – det gick inte att avgöra vilken bostad den fanns i. Om Niclas fick tillbaks sin Ipad är i skrivande stund okänt, men ett liknande fall har gett bättre resultat. En norsk kvinna fick sin <a href="http://helahalsingland.se/bollnas/1.4117324-stal-pa-flygplan-sparades-till-bollnas">Ipad stulen under en flygresa</a> och spårningen visade att den fanns på en adress i Bollnäs. Genom att jämföra passagerarlistan mot boende i området kunde polisen göra en husrannsakan och hittade mycket riktigt enheten.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4369" title="Hitta min Iphone - App Store" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/11/Hitta-min-Iphone-App-Store-590x360.png" alt="" width="590" height="360" /></p>
<p><span class="Apple-style-span" style="font-style: normal;">Tjänsten kallas Hitta min Iphone (Find my Iphone) men finns även för andra IOS-enheter (Ipad samt Ipod touch) och&nbsp;Mac OS. Den största skillnaden är att det inte går att spåra datorn via GPS eftersom den hårdvaran saknas. Kanske är det något vi får inbyggt i framtiden, tills vidare måste man förlita sig på trådlösa nätverk.</span></p>
<p>För att använda tjänsten behöver du först ett konto i <a href="http://support.apple.com/kb/PH2570?viewlocale=sv_SE&amp;locale=sv_SE">Icloud vilket är samma inlogg som ditt Apple-ID</a>. Gå därefter i telefonen, paddan eller podden till Inställningar och Icloud för att aktivera enheten. För Mac OS startar du Systeminställningar och gör samma sak. Nu kan du kontrollera alla dina enheter via <a href="https://www.icloud.com">Icloud i din webbläsare</a> eller via en <a href="http://itunes.apple.com/se/app/hitta-min-iphone/id376101648?mt=8">app i din IOS-enhet</a>.</p>
<p>Liknande funktioner finna även till mobiler som kör Google Android. Förhoppningsvis leder det här till att stölder av avancerade mobiler och annan bärbar elektronik minskar när fler vet att funktionerna finns och används.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4355" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/tips-trix/hitta-min-iphone-ipad-ipod-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Filmspelare för blu-ray till Mac]]></title>
		<link>http://macbloggen.se/link-blog/blu-ray-pa-mac/</link>
		<comments>http://macbloggen.se/link-blog/blu-ray-pa-mac/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 19:50:23 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[MB rekommenderar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4328</guid>
		<description><![CDATA[<h3>För första gången går det att spela upp blu-ray i Mac OS. Förutsatt att man kompletterar med ny hårdvara.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>För första gången går det att spela upp blu-ray i Mac OS. Förutsatt att man kompletterar med ny hårdvara.</h3>
<p>Att filmindustrin är konservativ och håller fast vid plastskivor är något som macanvändare fått lida av. Blu-ray som uppföljare till DVD är helt enkelt ett dåligt format vilket&nbsp;<a href="http://www.engadget.com/2008/10/14/steve-jobs-calls-blu-ray-a-bag-of-hurt/">Steve Jobs sammanfattade med att kalla det &#8220;a bag of hurt&#8221;</a>&nbsp;och därmed antydde att ingen Mac någonsin kommer levereras med den hårdvaran. Något som blir allt mer påtagligt när optiska spelare redan plockats bort i Macbook Air och Mac Mini.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4329" title="Mac Bluray Player" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/08/Mac-Bluray-Player-590x359.png" alt="" width="590" height="359" /></p>
<p>När Macgo nyligen lanserar sin filmspelaren för blu-ray är den inte bara först utan även gratis i tre månader. Allt du behöver är en extern spelare som ansluts via USB eller en ISO-fil att spela upp. När dom tre månaderna slutat är lite oklart – så skynda till <a href="http://www.macblurayplayer.com">Macgos hemsida för nedladdning</a>.</p>
<p>Via <a href="http://revision3.com/hdnation/blurays-on-osx">Revision 3, Tekzilla / HD Nation</a>.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4328" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/link-blog/blu-ray-pa-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Importera ljudböcker från CD till Itunes]]></title>
		<link>http://macbloggen.se/link-blog/audiobook-builder/</link>
		<comments>http://macbloggen.se/link-blog/audiobook-builder/#comments</comments>
		<pubDate>Thu, 21 Jul 2011 16:34:38 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[MB rekommenderar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4303</guid>
		<description><![CDATA[<h3>En semester med vila och en bra bok är ofta mer dröm än verklighet när gräsmattor ska klippas, hus målas och jordgubbsland rensas. Med en ljudbok är i alla fall hälften vunnet – med Audiobook Builder är det enkelt att konvertera plastskivorna till Itunes ljudboksformat.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>En semester med vila och en bra bok är ofta mer dröm än verklighet när gräsmattor ska klippas, hus målas och jordgubbsland rensas. Med en ljudbok är i alla fall hälften vunnet – med Audiobook Builder är det enkelt att konvertera plastskivorna till Itunes ljudboksformat.</h3>
<p class="align02"><img class="alignnone size-full wp-image-4304 align02" title="Audiobook Builder" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/07/Audiobook-Builder.png" alt="" width="518" height="390" /></p>
<p>Har du ljudböcker på CD är det ganska omständligt att lägga in det i Itunes. Vi har tidigare berättat hur man kan göra det <a href="http://macbloggen.se/webbteve/snabbtips-tv/snabbtips-gor-en-ljudbok-fran-cd/">med hjälp av Itunes och terminalen</a>. Med Audiobook Builder blir det betydligt lättare. Öppna programmet och följ bara instruktionerna.&nbsp;Avsluta med att ladda hem en bild från internet och importera den i programmet. Sen är det bara att synkronisera din Iphone eller Ipod och njuta av att någon annan läser för dig medan du jobbar.</p>
<p>En bra idé är att först ställa in Mac OS så att inget händer när en ny CD matas in. Det gör man genom att gå till <strong>Systeminställningar</strong> följt av <strong>CD och DVD</strong> samt välja <strong>Ignorera</strong>&nbsp;för vad som ska hända när en&nbsp;<strong>musik-CD</strong> matas in. Annars kommer det förvalda programmet, vanligtvis Itunes, öppnas vid varje byta av skiva.</p>
<p><a href="http://itunes.apple.com/se/app/audiobook-builder/id406226796?mt=12">Audiobook Builder finns i Mac App Store för 45 kr.</a></p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4303" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/link-blog/audiobook-builder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Här hittar du alla livebloggar från WWDC 2011]]></title>
		<link>http://macbloggen.se/notiser/livebloggar-fran-wwdc-2011/</link>
		<comments>http://macbloggen.se/notiser/livebloggar-fran-wwdc-2011/#comments</comments>
		<pubDate>Mon, 06 Jun 2011 07:42:45 +0000</pubDate>
		<dc:creator>Karl Wångstedt</dc:creator>
				<category><![CDATA[Notiser]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4286</guid>
		<description><![CDATA[<h3>Eftersom Apple inte lovat att sända Steve Jobs keynote live, får vi som inte är på plats förlita oss på diverse livebloggar från publiken. Om man inte vill vänta tills videon finns att ladda ner från Itunes vill säga. Här är en lista på alla de sajter som rapporterar live.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>Eftersom Apple inte lovat att sända Steve Jobs keynote live, får vi som inte är på plats förlita oss på diverse livebloggar från publiken. Om man inte vill vänta tills videon finns att ladda ner från Itunes vill säga. Här är en lista på alla de sajter som rapporterar live.</h3>
<p><strong>Klockan 19.00 den 6 juni svensk tid</strong> stiger Steve Jobs upp på scenen i Moscone Center i San Francisco för att presentera nya versioner av både Mac OS X och IOS. Enligt Apples pressmeddelande kommer också en ny tjänst kallad Icloud att presenteras också. Fokus kommer förmodligen ligga på mjukvara helt och hållet. Vi kommer antagligen att få ett datum för försäljningsstart för båda systemen, och förmodligen djupgående demonstrationer av dem båda. Bland annat. De sajter som rapporterar från eventet hittar du här nedan.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4287" title="WWDC2010-All new design" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/06/WWDC2010-All-new-design-590x331.jpg" alt="Steve Jobs på scen framför &quot;All new design&quot;" width="590" height="331" /></p>
<p><a href="http://alltommac.se/live/">Allt om mac</a> har livesändning med chat.<a href="http://live.slashat.se/"><br />
Slashat</a>&nbsp;brukar ha livesändning med video.<br />
<a href="http://cnet.com/live/bol">Buzz out load</a> har lovat liveblogg.<br />
<a href="http://live.gizmodo.com/">Gizmodo livebloggar</a> och brukar ha bra bilder.<br />
<a href="http://live.gdgt.com/">GDGT</a> har eventuellt en liveblogg.<br />
<a href="http://macteens.com/">Macteens</a> brukar ha liveblogg, men har ännu inte lovat någon. De finns också på <a href="http://twitter.com/macteens">Twitter</a>.<br />
<a href="http://liveblog.macobserver.com/">The Mac Observer</a> kör live i sin blogg och även på <a href="http://twitter.com/macobserverlive">Twitter</a>.<br />
<a href="http://www.engadget.com/tag/live/">Engadget</a> rapporterar live.<br />
<a href="http://www.macrumorslive.com/">MacRumors</a> kör även en <a href="http://twitter.com/macrumorslive">Twitter-blogg</a>.<br />
<a href="http://live.benm.at/">Österrikiska Iphonebloggen Benm</a> har liverapportering också.<br />
<a href="http://twitter.com/smokingapples">Smoking apples</a> brukar fånga det mesta på Twitter<br />
<a href="http://live.theappleblog.com/">The Apple blog</a> rapporterar.</p>
<p class="align01"><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=275834665"><img class="alignnone size-full wp-image-1382" title="Apple keynotes" src="http://macbloggen.se/wordpress/wp-content/uploads/2009/06/apple-keynotes.png" alt="Apple keynotes" width="100" height="100" /></a></p>
<p>En video av hela keynoten kommer att finnas för nedladdning på <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=275834665">Apples podcastkanal</a> några timmar efter att den avslutats. Innan podcasten publiceras brukar en <a href="http://www.apple.com/quicktime/guide/appleevents/">on-demanström finnas på Apples sajt</a> också.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4286" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/notiser/livebloggar-fran-wwdc-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Städa upp bland fönstren på skärmen med Divvy]]></title>
		<link>http://macbloggen.se/link-blog/placera-fonster-med-divvy/</link>
		<comments>http://macbloggen.se/link-blog/placera-fonster-med-divvy/#comments</comments>
		<pubDate>Wed, 11 May 2011 12:00:45 +0000</pubDate>
		<dc:creator>Karl Wångstedt</dc:creator>
				<category><![CDATA[MB rekommenderar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4279</guid>
		<description><![CDATA[<h3>Att ordna fönstren på skärmen så att de ligger snyggt och kant-i-kant är ganska pilligt. Där kommer Divvy väl till hands.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>Att ordna fönstren på skärmen så att de ligger snyggt och kant-i-kant är ganska pilligt. Där kommer Divvy väl till hands.</h3>
<p>Har man flera fönster öppna i samma program och vill ha överblick på allihop samtidigt är det bra att lägga dem snyggt och prydligt. Det hjälper Divvy till med genom att man får ett rutmönster på skärmen som man placerar fönstret inom.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4281" title="Divvy-panel" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/05/Divvy-panel-590x350.png" alt="" width="590" height="350" /></p>
<p>När man markerat rutorna och släpper musknappen ändras fönstrets storlek och placering för att matcha valet man gjort i Divvy.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4280" title="Divvy-aktiverad" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/05/Divvy-aktiverad-590x368.jpg" alt="" width="590" height="368" /></p>
<p>På det här viset kan man lätt få två fönster att ta upp halva skärmen var, fyra att ta upp en fjärdedel eller centrera ett fönster. Mycket smidigt.</p>
<p>Programmet finns på <a href="http://itunes.apple.com/se/app/divvy/id413857545?mt=12">mac appstore</a> och kostar 105 kr.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4279" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/link-blog/placera-fonster-med-divvy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Lugn och harmonisk typografi på webben]]></title>
		<link>http://macbloggen.se/tips-trix/typografi-pa-webben/</link>
		<comments>http://macbloggen.se/tips-trix/typografi-pa-webben/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 13:01:30 +0000</pubDate>
		<dc:creator>Karl Wångstedt</dc:creator>
				<category><![CDATA[Guider]]></category>
		<category><![CDATA[Webbdesign]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4267</guid>
		<description><![CDATA[<h3>Linjering av text över spalter, och mellan olika grader är viktigt för att få en lättläst och harmonisk layout. Det här är väl beprövat för trycksaker, och framför allt i tidningsproduktion. Tyvärr har webben inte lika enkla typografiska hjälpmedel som layoutprogrammen erbjuder. Trots det går det att komma långt med de medel som finns till hands.</h3>
]]></description>
				<content:encoded><![CDATA[<p class="align02"><img class="alignnone size-medium wp-image-4270" title="Bild-1–Blytyper" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Bild-1–Blytyper-590x225.jpg" alt="Blytyper" width="590" height="225" /></p>
<h3>Linjering av text över spalter, och mellan olika grader är viktigt för att få en lättläst och harmonisk layout. Det här är väl beprövat för trycksaker, och framför allt i tidningsproduktion. Tyvärr har webben inte lika enkla typografiska hjälpmedel som layoutprogrammen erbjuder. Trots det går det att komma långt med de medel som finns till hands.</h3>
<p>Hela idén med att få en harmonisk layout är att formen inte ska stå i vägen för läsaren och hindra henne från att konsumera innehållet. I en layout med texten satt i flera olika grader och vikter, kanske med olika typsnitt, i flera spalter och kanske rent av olika spaltbredder är det lätt hänt att det blir rörigt om man inte är noggrann.</p>
<p>För att kunna hantera sättningen så att den blir harmonisk, och texten lätt att läsa, finns det några få riktlinjer som man kan hålla sig till för att enkelt få det resultatet. Dels kan man se till att få en jämn kägel mellan olika grader och vikter. Dels kan man använda baslinjelinjering mellan spalter och för bilder som ligger i texten.</p>
<p>Jobbar man med trycksaker är det här väldigt enkelt att göra genom att man använder ett baslinjeraster som man fäster typografimallarna mot, och som man använder när man linjerar och beskär bilder.</p>
<p>På webben finns inte motsvarande funktioner och verktyg, utan man får manuellt räkna fram kägel för olika grader, bestämma storlekar för bilder och se till att spalter är placerade på rätt ställe för att de ska linjera mot varandra.</p>
<p>Använder man ett publiceringsverktyg blir det här något som formgivaren av layoutmallarna måste ta hänsyn till och anpassa för redan innan innehållet är på plats. Publiceringsverktyg som inte automatiskt beskär och placerar ut bilder kan ställa till en del förtret, och då måste användarna läras upp för att själva ta hand om storleksanpassningar och beskärningar.</p>
<p>Oavsett förutsättningarna för implementeringen i det dagliga arbetet så kan man komma väldigt långt med en välstrukturerad typografi för sin sajt.</p>
<p>Typografi på webben är betydligt krångligare än för trycksaker. Det är – när man försöker ta steget över – tydligt att det är tekniker som utformat verktygen åt typograferna och formgivarna. Måttenheter, terminologi, beteende och detaljkontrollen stämmer inte alls med hur det fungerar i layoutprogram eller för den skull i sättmaskiner. Men skam den som ger sig. Med lite tålamod går det att få ett väldigt bra resultat ändå. För det är trots allt resultatet som räknas.</p>
<p>Först och främst måste man vara medveten om att olika webbläsare tolkar och visar layout och typografi en aning olika. Det finns både stora och små skillnader, där de stora främst är mellan äldre och nyare versioner, och där de små är mellan webbläsare och plattformar.</p>
<p>Man måste också vara medveten om att besökarna även kan ändra vissa saker i webbläsarna som gör att skillnaderna mot vad du som formgivare ser och vad de möter är betydligt större än man kan förvänta sig. De använder också olika kvalitet och storlek på skärmarna, vilket också kan medföra ganska stora skillnader mot vad din dyra, färgkalibrerade 27-tumsskärm visar.</p>
<h4>Avstavning och marginaljustering</h4>
<p>En avgörande skillnad mot annan satt text är att en webbläsare aldrig avstavar. Det finns tankar och utkast på skisser för att lägga till en avstavningsfunktion, men webbläsartillverkarna har inte klarat av att enas om hur man ska göra. Förutom avstavningsordlista måste det gå att styra när en avstavning ska ske beroende på radlängd, typsnitt och textens justering. Där klämmer skon ganska hårt, och frågan är väldigt långt ned på prioriteringslistan hos standardorgan som W3C och WHATWG, som är de som fastställer standarden för webben.</p>
<p>Bland annat på grund av avsaknaden av avstavning blir marginaljusterad text väldigt gles. Webbläsarna spärrar och kniper heller inte marginaljusterad text, utan ändrar bara ordmellanrummen. Så även om funktionen finns i specifikationen blir resultatet ganska tvivelaktigt.</p>
<h4>Terminologi och måttenheter</h4>
<p>I sidbeskrivningsspråket för webben (CSS) används en terminologi som skiljer sig en aning från det vi är van vid från traditionell sättning. Dels är den baserad på engelska, men också på en engelska som inte alltid följer facktermer för typografi. De regler som berör typografin och i viss mån bildsättning är följande:</p>
<ul>
<li><code>font-size</code> – Grad</li>
<li><code>font-variant</code> och <code>font-style</code> – Vikt</li>
<li><code>font-family</code> – Teckensnitt</li>
<li><code>line-height</code> – Typhöjd (inte kägeln, vilket man kan tro)</li>
<li><code>text-align</code> – Justering</li>
<li><code>text-indent</code> – Indrag</li>
<li><code>letter-spacing</code> – Spärra/knip</li>
<li><code>word-spacing</code> – Ordmellanrum</li>
<li><code>margin</code> – Avstånd före/efter</li>
</ul>
<p>För måttenheter gäller att man kan välja vilken enhet man vill använda bland alla de som det finns stöd för i webbläsarna. Bland dem finns pixlar, punkter, millimeter och något som kallas för em. Den sistnämnda kan liknas vid artondelssystemet med typografiska fyrkanten som bas, men skiljer sig en aning. Först och främst är det ett decimalt mått som är baserat på graden (inte kägeln), och dels likställs 1 em till det hierarkiskt föregående elementets storlek på sidan. Det är alltså relativt till graden på det senast hierarkiskt föregående storleksbestämda textelementet.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4271" title="Bild-2-–-Typhöjd-och-kägel" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Bild-2-–-Typhöjd-och-kägel-590x262.png" alt="Typhöjd och kägel" width="590" height="262" /></p>
<p>Rörigt? Bara förnamnet. Graden på texten räknas nämligen som det föregående elementet när man sätter typhöjden (line-height). Vilket innebär att en helt tom sida med en text på får två olika värden på måttet em. Ett för graden, som är relativ till body, och ett för typhöjden som är relativ till graden.</p>
<p>Trots detta kan em vara användbart. Eftersom den är relativ till föregående element kan man konstruera CSS:en så att typografimallarna fungerar på samma sätt typografimallar baserade på varandra. Gör man en storleksförändring i ursprungsmallen så slår det igenom på samtliga arv, och man bibehåller samma linjering och harmoni rätt igenom en layout trots att man ändrar storleken.</p>
<p>Det enda som riskerar att hamna på sidan av det här är bilder, där de flesta publiceringssystem automatiskt sätter storleken på dem i pixlar. Normalt sett sätter man dem också i skala 1:1 i pixlar, vilket omöjliggör skalbarhet av bilderna. Det finns lösningar för och fördelar med att sätta även bilder så att de blir skalbara, men än så länge är det inte speciellt utbrett på nätet. Med fler högupplösta skärmar liknande de i mobiltelefoner som Iphone 4 ute på marknaden så kommer behovet att bli större, och då förmodligen även vanligare, men än så länge är vi inte riktigt där.</p>
<p>Föredrar man att använda pixlar eller punkter som måttenhet går det naturligtvis bra, men man förlorar då möjligheten till att typografimallarna kan ärva varandra.</p>
<p>För att göra det ännu mer krångligt så finns det två typer av pixlar som man talar om i webbdesign. Dels har vi de faktiska pixlarna på skärmen. Vi kan kalla dem de fysiska på pixlarna. På en högupplöst skärm som Iphone 4 finns det 640 pixlar i bredd och 960 pixlar i höjd.</p>
<p>Men anger man mått i pixlar i CSS så används istället det man kallar CSS-pixlar. På nämnda Iphone 4 finns bara plats för 320 CSS-pixlar i bredd och 480 CSS-pixlar i höjd.</p>
<p>Som grädde på moset används ett samplingsvärde för att beräkna hur många pixlar som ska tändas när man anger ett mått i millimeter eller punkter. Det vi kan kalla organiska mått, alltså fasta måttskalor som är baserad på en fysisk måttstandard.</p>
<p>En typografisk punkt (pt) i CSS beräknas som en 72:a-dels tum (samma som en postscript-punkt). En tum (in) beräknas som 96 CSS-pixlar. Alltså blir en typografisk punkt (1∕72)&nbsp;×&nbsp;96&nbsp;≈&nbsp;1,333 CSS-pixlar.</p>
<h4>Låt texten följa baslinjen</h4>
<p>Eftersom baselementet på en HTML-sida är <code>body</code> så kan man använda den för att sätta motsvarande baslinjerastret. Man bestämmer alltså en grad, kägel och ett bastypsnitt för sidan som alla andra texter och storlekar kommer att utgå från.</p>
<p>Enklast blir det om man använder brödtexten som bas, och sätter body-typografin att motsvara just brödtexten.</p>
<p>I det här exemplet sätter vi brödtexten till Helvetica 12/18 pixlar. Om då en rubrik ska vara betydligt större så måste man se upp så att inte kägeln hamnar ur fas. Vill man göra rubriken tre gånger större än brödtexten kan man sätta graden (<code>font-size</code>) till 3&nbsp;em. Typhöjden på rubriken blir sedan relativ till graden på densamma, och påverkar kägeln. Så för att få en rubrik satt i 36/36 blir regeln <code>font-size:&nbsp;3em; </code> <code>line-heigt:&nbsp;1em;</code> i CSS:en. Både grad och kägel måste vara jämt delbar med grundstorleken för att linjeringen ska fungera. Eftersom line-height styr typhöjden och inte kägeln innebär det att texten linjeras vertikalt inom den yta man satt i regeln, och baslinjen rör sig därför på ett ganska oförutsägbart sätt. Här gäller det att ha tungan rätt i mun och anpassa positionen av baslinjen med marginalerna för elementet. I vissa fall både negativa och positiva marginaler för att få baslinjen att placera sig på rätt höjd.</p>
<p>Detsamma gäller för avstånd före och efter texten. För rubriken vill vi ha en blankrad, alltså 18&nbsp;pixlar, efter rubriken så att det blir lite luft. För att få rätt mått måste vi dela baslinjerastrets avstånd i graden för att få måttet i em. Det blir alltså 18∕36&nbsp;=&nbsp;0,5 em. Regeln blir då <code>margin-bottom:&nbsp;0.5em;</code> (observera punkt som decimalavskiljare).</p>
<p class="align02"><a href="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Bild-3-–-Exempellayout-med-baslinje.png"><img class="alignnone size-medium wp-image-4269" title="Bild 3.2 – Exempellayout med baslinje" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Bild-3.2-–-Exempellayout-med-baslinje-590x233.png" alt="Exempellayout med baslinje" width="590" height="233" /></a></p>
<p>På det här sättet kan man bygga upp en layout som är baserad på en baslinjelinjering. En bra idé är att lägga en bakgrundsbild med baslinjen under tiden man arbetar med layouten. Då blir det lättare att se att texten verkligen fäster mot baslinjen.</p>
<p>I exemplet ovan används en bild som är 18 pixlar hög – samma som radavståndet – med baslinjen placerad 13 pixlar från överkant. Eftersom baslinjens höjd kan variera mellan olika typsnitt så får man kompensera det med negativa marginaler, eller innermarginaler (<code>padding</code>) i CSS-reglerna för de taggarna.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4272" title="Bild-4-–-Bakgrundsbild-med-baslinje" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Bild-4-–-Bakgrundsbild-med-baslinje-590x368.png" alt="Bakgrundsbild med baslinje" width="590" height="368" /></p>
<p>Att arbeta med typografi på webben är, trots mödan, värt att lägga tid på. Resultatet lyfter sajten väsentligt, och i kombination med länkade typsnitt kan man komma väldigt långt. Just för webben gäller det att man förstår hur det fungerar, eller inte fungerar, för att kunna komma till ett bra slutresultat.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4267" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/tips-trix/typografi-pa-webben/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Arbeta effektivare med snabbkommandon i Alfred]]></title>
		<link>http://macbloggen.se/link-blog/snabbkommandon-med-alfred/</link>
		<comments>http://macbloggen.se/link-blog/snabbkommandon-med-alfred/#comments</comments>
		<pubDate>Thu, 21 Apr 2011 05:55:20 +0000</pubDate>
		<dc:creator>Karl Wångstedt</dc:creator>
				<category><![CDATA[MB rekommenderar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4253</guid>
		<description><![CDATA[<h3>För att få upp tempot när man bläddrar bland filer, startar program och söker på nätet kan man växla över till att använda tangentbordet istället för musen. Alfred hjälper till att få fason på snabbkommandona.</h3>
]]></description>
				<content:encoded><![CDATA[<p class="align02"><img class="alignnone size-medium wp-image-4256" title="alfredapp.com" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/alfredapp.com_-590x231.png" alt="Alfreds hemsida" width="590" height="231" /></p>
<h3>För att få upp tempot när man bläddrar bland filer, startar program och söker på nätet kan man växla över till att använda tangentbordet istället för musen. Alfred hjälper till att få fason på snabbkommandona.</h3>
<p>Att navigera med tangentbordet är inget nytt. Det har funnits tredjepartsverktyg som Quicksilver förutom det inbyggda Spotlight. Ett nytt som sällar sig till skaran är Alfred.</p>
<p class="align02"><img class="alignnone size-medium wp-image-4255" title="Alfred preferences" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/Alfred-preferences-590x474.png" alt="Inställningarna för Alfred" width="590" height="474" /></p>
<p>Det fina med ett program som Alfred är att man med ett snabbkommando får fram en sökruta där man med kommandon kan styra vad man vill söka efter. Alla finesser som Spotlight erbjuder med miniräknare, start av program och liknande finns där, men man kan också konfigurera kommandon så att man kan göra en googlesökning, IMDB-sökning eller köra ett terminalkommando direkt.</p>
<p><a href="http://www.alfredapp.com/">Programmet är gratis</a>, men har ett antal funktioner som kräver en registrering för cirka 120&nbsp;kr (12&nbsp;GBP) för att låsa upp.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4253" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/link-blog/snabbkommandon-med-alfred/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Ny toppdomän för bedrägerisidor]]></title>
		<link>http://macbloggen.se/artiklar/nya-toppdomanen-con/</link>
		<comments>http://macbloggen.se/artiklar/nya-toppdomanen-con/#comments</comments>
		<pubDate>Fri, 01 Apr 2011 04:04:24 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[Artiklar]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=3174</guid>
		<description><![CDATA[<h3>Efter att porrbranschen&#160;fått sin egen toppdomän är det nu dags för bedrägeribranschen. Ett nytt förslag diskuteras för fullt hos&#160;internetorganet Icann.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>Efter att porrbranschen&nbsp;fått sin egen toppdomän är det nu dags för bedrägeribranschen. Ett nytt förslag diskuteras för fullt hos&nbsp;internetorganet Icann.</h3>
<div class="updated">
<h4>Uppdaterat</h4>
<p>Självklart var det här påhittat, det var första april när vi publicerade. Men det finns <a href="http://www.idg.se/2.1085/1.372929">förslag att lansera fler toppdomäner</a>&nbsp;för bland annat musik och film &nbsp;– samt att företag kan få sin alldeles egen. Det är något som även öppnar för bedrägeribranschen, vilket är tråkigt, eftersom större företag redan har fullt upp att säkra sina varumärken under befintliga toppdomäner.</p>
</div>
<p class="align02"><img class="alignnone size-medium wp-image-4239" title="PM-CON" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/04/PM-CON-590x359.jpg" alt="" width="590" height="359" /></p>
<p>Det är allmän känt att internet är fullt av porr och bedragare, efter att porrbranschen&nbsp;fått sin egna toppdomän .XXX faller det sig naturligt att även&nbsp;bedrägeribranschen får det. I alla fall om man ska lyssna till förespråkarna inom internetorganet&nbsp;Icann där ett förslag diskuteras för fullt.&nbsp;Den förslagna toppdomänen .CON &nbsp;kommer av de engelskans ordet för att lura.</p>
<p>Så här motiveras valet i ett internt PM, undertecknat&nbsp;<a href="http://www.youtube.com/watch?v=dQw4w9WgXcQ">Astley R April First ICANN President</a>:</p>
<blockquote><p>The use of a word that describes the content, is visually similar to an existing Top Level Domain, with the letters that are different next to each other on the keyboard, fulfills all the criteria for inclusion.</p>
<p>Användandet av ett ord som beskriver innehållet, är visuellt snarlikt en befintlig toppdomän, med de bokstäverna som skiljer brevid varandra på tangentbordet, fyller alla kriterier för att införas.</p></blockquote>
<p>Under domänen tänker man sig exempelvis att sidor som kapar kreditkortsnummer, lurar användare att betala pengar för fejkade virusprogram, pyramidspel och produkter för penisförstorning ska samlas. På så sätt blir det enklare för bedragare och dom lättlurade att hitta varandra på internet.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=3174" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/artiklar/nya-toppdomanen-con/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title><![CDATA[Vi gratulerar Mac&nbsp;OS&nbsp;X på 10-årsdagen]]></title>
		<link>http://macbloggen.se/notiser/mac-os-x-10-ar-24-mars-2011/</link>
		<comments>http://macbloggen.se/notiser/mac-os-x-10-ar-24-mars-2011/#comments</comments>
		<pubDate>Thu, 24 Mar 2011 08:53:53 +0000</pubDate>
		<dc:creator>Nisse Wångstedt</dc:creator>
				<category><![CDATA[Notiser]]></category>

		<guid isPermaLink="false">http://macbloggen.se/?p=4216</guid>
		<description><![CDATA[<h3>Idag fyller Mac OS X tio år –&#160;&#160;mjukvaran som gör Apples datorer till den unika och användarvänliga upplevelse som allt fler upptäcker.</h3>
]]></description>
				<content:encoded><![CDATA[<h3>Idag fyller Mac OS X tio år –&nbsp;&nbsp;mjukvaran som gör Apples datorer till den unika och användarvänliga upplevelse som allt fler upptäcker.</h3>
<p>Att Mac OS X fyller just tio år gör det lite roligare eftersom X syftar på siffran tio i det romerska talsystemet. Den 24 mars 2001 innebar det inte bara en uppdatering från version nio, utan ett helt byte till ett UNIX-baserat system med ett nytt snyggare gränssnitt olikt allt som tidigare skådats.&nbsp;Mycket av filosofin från det gamla operativsystemets, som inspirerats av forskningen på XEROX PARC på 70-talet, levde ändå vidare vilket gjorde det smidigt för gamla användare att migrera.</p>
<p style="text-align: center;"><em><img class="alignnone size-full wp-image-4221" title="Macworld San Francisco 2000" src="http://macbloggen.se/wordpress/wp-content/uploads/2011/03/Macworld-San-Francisco-2000.png" alt="" width="479" height="359" /><br />
</em></p>
<p class="caption">Steve Jobs presenterar Mac OS X på&nbsp;Macworld San Francisco 2000</p>
<p>Att systemet fyller tio år är inte helt sant. Efter att Steve Jobs lämnat Apple jobbade han med att utveckla ett nytt operativsystem för NEXT Computers. Systemet tog aldrig riktigt fart och när Steve&nbsp;återvände&nbsp;till Apple låg det till grund för det operativsystem som idag används på Apples alla datorer, Iphone och Ipad.</p>
<p>Mac OS X presenterades på&nbsp;<a href="http://www.youtube.com/watch?v=Ko4V3G4NqII">Macworld i San Francisco 2000</a> som går att se på Youtube.</p>
 <img src="http://macbloggen.se/wordpress/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=4216" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://macbloggen.se/notiser/mac-os-x-10-ar-24-mars-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
