25 Jan, 2009
Den senaste tiden har det börjat dyka upp fler och fler webbaserade verktyg för att skapa och testa CSS-kod. De jag har funnit mest användbara är bland annat Grid Designer som jag tidigare tipsat om för att skapa kolumner och snabba layouter.
När det gäller typografi är ett av mina favoritverktyg utan tvekan TypeTester. SIten låter dig testa din typografi, enkelt fördelat i tre spalter för att ställa olika typsnitt och vikter mot varandra. Ett klart plus i dessa CSS3-tider är att man kan även testa de lokalt installerade typsnitten och inte bara de vanliga standard webbtypsnitten.
18 Jan, 2009
Den typografiska måttenheten Em är egentligen en relativ storlek. Den baseras på hur bred bokstaven “M” är i ett typsnitt. Kort och gott så varierar hur mycket 1 em är beroende på vilket typsnitt du väljer att använda. Till exempel har Arials M en annan bredd än Times New Romans.
På webben är det dock inte så enkelt, då olika parametrar måste räknas in (så som hur olika webbläsare tolkar typsnitt, personliga inställningar med mera) för att få typsnitt att uppfattas så bra som möjligt. Generellt sett kan man utgå från att 1 em är lika mycket som 16 px.
1 em = 16 px
0.88 em = 14 px
0.75 em = 12 px
0.625 = 10 px
Varför ska man då använda em och inte px när det är så omständigt?
Vill man kunna skapa storleksskalbara siter, vilket kan vara bra för synskadade eller om du helt enkelt ska hålla en presentation, så är tyvärr inte px något bra alternativ. Boven heter Internet Explorer 6 och webbläsaren kan inte förstora upp, eller förminska ner, typsnitt som anges i pixelmått.
Med det webbaserade verktyget Em Calculator får man bättre koll på storlekarna genom att konvertera px till em. Man kan även nästla flera noder och är ett utmärkt verktyg för att bygga upp din CSS.
