Fler tecken till Kursivschrift
31 Jan, 2009
Som jag tidigare har skrivit har jag sedan ett par veckor började rita om versalerna till typsnittet Kursivschrift. Här är några fler som har tillkommit.

Som jag tidigare har skrivit har jag sedan ett par veckor började rita om versalerna till typsnittet Kursivschrift. Här är några fler som har tillkommit.

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.
Eftersom jag tänkte ta och gå på Oasis konsert i Köpenhamn i helgen måste jag passa på att skriva ett par rader om Oasis PR-kampanj inför skivsläppet. Skivsläppet? Ja, faktiskt, det kanske kommer som en överraskning för de flesta, men bandet finns än, och har en färsk skiva ute.
Ok, nog om bandet och musiken.
Bröderna Calle och Pelle Sjönell gjorde en liten oväntad PR-kampanj inför skivlanseringen. De lät spela in en dokumentär med gatumusikanter i New York som fick repa in låtarna från skivan för att sedan uppträda några veckor innan lanseringen.
Här kan resultatet beskådas:
Senaste veckan har varit sjukt soft på jobbet, vilket har medfört att jag börjat rita om typsnittet Kursivschrift. Mest för skoj skull, men det finns ett bakomliggande irritationsmoment med det typsnittet och det är versalerna. De är är på tok för stela och raka och behöver en ansiktslyftning med lite mjukare och svulstigare former.


Till min hjälp har jag Photoshop, Illustrator, FontLab Studio och FontXChange.
Efter hand kommer jag lägga upp utkast på lite fler bokstäver, men nu ska väskan packas för helgen i Köpenhamn.
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.
Jag blev något nostalgisk för ett par dagar sedan när jag tänkte tillbaka på hur webben såg ut förr i tiden. “Det nya mediet” är ju inte så hemskt nytt längre och mycket har hänt på väldigt kort tid kan man tycka.
Jag kände mig tvungen att samla på mig lite grymma länkar på old school-siter och ett gäng riktiga bottennapp.
Gör dig redo för några riktigt heta gif-animationer!
Burlington National UFO Center
Ghost Web
Cow Dance
Newcastle Spiritualist Church Inc.
Poor David’s Pub
Jag sprang på den helt fantastiska siten Silhouette Masterpiece Theatre idag. Siten är en samling med roliga och snygga motiv av konstnären Wilhelm Staehle. Det finns en webshop kopplat till sidan, så det är väl bara till att beställa!
Siten The FWA (Favorite Website Awards) är till försäljning enligt deras hemsida. FWA har varit den ledande inspirationsbanken och det högst rankade online-baserade priset för kampanjsite-makare under de senaste åren. Jag var själv med och vann site of the day i april 2006 med IKEA-kampanjen Stockholm.
Vad som händer med FWA i framtiden återstår att se, men jag hoppas att den nya köparen (om det nu blir någon) kan axla ansvaret och driva siten vidare i minst samma goda anda.
När jag ändå har varit inne på ämnet CSS 3 så tänkte jag fortsätta med lite på det spåret. De senaste årens “riktlinjer” för design på nätet har mångt om mycket handlat om Web 2.0 och de karaktäristiska dragen som detta lite tråkigt har fått axla. Vi är alla bekanta med rundade hörn, transparens och skuggor. Metoderna för att framställa detta har varit en kombination av Photoshop och CSS2.
I den senaste versionen av CSS har man anammat mycket av det formspråket. Nättidningen Smashing Magazine listar fem användbara tekniker som man kan räkna med kommer användas flitigt framöver. Mer matnyttigt kan man hitta på siterna CSS3.com och CSS3.info.
CSS3 är fortfarande i utvecklingsstadiet och därför har inte alla webbläsare stöd för alla metoder än, dessutom har olika webbläsare olika sätt att anropa metoderna på. Lite absurt kan det bli när man tikar på t ex border-radius:
.boxRound {
background-color: #F4F4F4;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #CCC;
padding: 10px;
}
Just nu sitter jag och damen och försöker boka biljetter till Oasis på Forum i Köpenhamn den 24/1. Jag såg dem för några år sen på Hovet, och visst va dom gamla, slitna, förutsägbara, men ack så naggande goda.
Det kommer bli en helt fantastisk konsert, och kanske ännu bättre en helg i Köpenhamn!
Till och från använder jag den ypperliga danska siten Grid Designer när jag ska rita upp mina grider. Det är verkligen en supersite i all sin enkelhet, och ett verktyg som borde vara standard i program som Dreamweaver och Photoshop.
I CSS (Cascading Style Sheets) version 3 finns numera möjligheten att använda egna typsnitt på serversidan. Metoden kallas för @font-face.
Ni som har lite nyare webbläsare Safari 3.2 eller Mozilla Firefox 3.1 kanske redan har lagt märke till att min portfolio och denna sidan använder lite andra typsnitt än vad man är van vid att få se på nätet.
Kursivschrift används för rubriker och ledtexter
Museo medium används för brödtext.
Kursivschrift blev jag förälskad i när jag hittade tidningen Lula Magazine. Typsnittet har lite fula versaler, men precis som tidningen Lula har gjort så går det ju att rita om dem. På senare tid har jag sett att typsnittet har förekommit i Vings reklamer som Forsman&Bodenfors tagit fram.
Museo är ett typsnitt under utveckling och görs av holländaren Jos Buivenga. Schysst som Jos är så har han släppt några vikter helt gratis för användning innan typsnittet är helt färdigställt.
Jag installerade Wordpress på mitt eget webbhotellkonto. Det fanns en installation så det va bara att aktivera. Enkelt och snabbt! Men varför kan inte webbhotell hålla sig ajour och tillhandahålla nya versoner av bloggverktyg. Det jag använder nu har ett par år på nacken och tyvärr finns inte alla godsaker som text- och bildhantering samt att jag inte kan ta del av den stora mängden plug-ins som finns (då de fungerar främst i senare versioner).
Håller du på med Wordpress själv kan det vara värt att kolla in utvecklingssiten wordpress.org
De senaste veckorna har jag experimenterat en del med Blogger och med Googles API för bloggsystem. Egentligen började det hela som ett experimentet då jag längre fram ska bygga om min kompis Kims blogg inför hans stundande boksläpp. Nu föll det sig så istället att jag bytte snabbt riktning till Wordpress när jag såg hur öppet och välstrukturerat deras system är. Kul och spännande att själv tvingas börja blogga så där fyra år efter alla andra.
Har precis avverkat den första veckan efter semestern. Det va inte helt enkelt att ta sig upp på morgonen, och i säng på kvällen.
Julen spenderade jag ute på landet i Skåne, för att i mellandagarna ta mig till Malmö mest för att se om staden stod kvar. Nyårshelgen va helt fantastisk i Göteborgs skärgård på ön Styrsö.
Hur som helst, nu är jag tillbaka i Stockholm och då stundar jobb.
(Tydligen) det klassiska nyårsdoppet på Styrsö