Random: Söndagsutflykt i webbens tecken

Denna söndagkväll har jag experimenterat med CSS-egenskapen z-index i kombination med .png-filer och alfakanaler. Z-index är en funktion i CSS som låter mig arbeta med div-taggar i olika lager vilket ger full kontroll över text och bild när man vill ha snygga menyer i dynamiska webbsidor.

Bakgrunden till detta är jag köpte mig senaste numret av Practical webdesign (No.183) på lördagen. Prislapparna brukar vara väl tilltagna på denna typ av branschtidningar/specialmag men de är i sin tur ovärdeliga då det kommer till att ge inspiration. Så efter att ha läst några artiklar ur magasinet i sängen i morse bestämde jag mig för att göra frukost och sen börja fippla runt med ett nytt webbgänssnitt. AKG-lurarna åkte på med Joy Division och New Order på repeat och jag gav mig i kast att med hjälp av CSS-kod försöka ge text ett hårt, kallt och slitet uttryck.

Kolla in resultatet genom att klicka på bilden nedan.

Screenshot:en visar hur sidan ser ut i Google Chrome.

Artikel: Upplösning är en illusion...

En vanlig missuppfattning när vi talar digitala bilder kretsar kring begreppet upplösning. Det sägs att bilden ska ha en upplösning på 72 ppi (pixels per inch) för webben och 300 dpi (dots per inch) för trycksaker. Vi ska nu reda ut begreppet upplösning och det kommer kräva lite baklängestänk och en historisk genomgång.

Saken är den att en dator inte har någon upplösning alls. Hur en dator arbetar med digitala bilder är helt beroende av mediet (i/o-enheten), ex. monitor, printer, scanner, kamera osv. En digital bild har följdaktligen heller ingen upplösning eftersom den bara kan visas med hjälp av exempelvis en monitor eller en printer. Bildinformationen ligger ju egentligen bara som en bitmap i form av elektriska laddningar och som sedan distribueras på det sätt som mediet tillåter.

Upplösning på en monitor mäts som bekant i enheten ppi vilket i praktiken innebär att monitorn är byggd för att kunna visa ett visst antal parallella linjer per tum, och bilder kan därefter visas genom monitorns pixelmatris. Pixelns fysiska storlek bestäms alltså genom valet av medie, så om jag visar en pixel på en monitor som har upplösningen 72 ppi kommer min pixel att vara 1/72 tum (ca 0,352mm). Väljer jag att trycka ut min pixel på papper kommer den istället att bli 1/300 tum (ca 0,085mm). Dimensionerna (bredd x höjd) i en digital bild är absoluta och kan inte förändras utan att också strukturen i bildinformationen hos bitmappen förändras (ex. genom interpolering).

Upplösning har som tidigare nämnts inget med den digitala bilden att göra. Du kan exempelvis spara en .GIF-bild i Adobe Photoshop i upplösningen 1 ppi. Din bild kommer öppnas som vanligt i vilket fall som helst. Detsamma gäller om du sparar den i 300 ppi. Upplösning är en illusion, en näst intill funktionslös knapp i ett bildbehandlingsprogram där den i bästa fall fungerar som lathund för att ändra på bildens pixeldimensioner. Att Adobe och många andra mjukvaruutvecklare ändå använder begreppet beror kanske på att det utgör någon slags ledsyn, något för användare att hålla fast vid i en värld de känner sig främmande inför?

Det märkliga talet 72 ppi som skapar förvirring kan dateras så långt tillbaka i tiden som då akronymen WYSIWYG (What You See [on screen] Is What You Get [in print]) var aktuell. Den innebär att en rad med 72 pixlar på en Apple-monitor printades till en 1 tum lång linje på papper. Detta var på 70-talet.

Texter i 72 dpi var förstås svårlästa. Man hade avrundat den typografiska punkten (p= 0,375 mm, icke att förväxla med den amerikanska punkten, pt) till att motsvara pixelns storlek, vilket gav tecken och bokstäver bedrövliga former. Den digitala trycktekniken utvecklades senare med PostScript. Ett språk som nu talas av skrivare och digital tryckutrustning i hela världen och som Adobe implementerar i sina programvaror.

Något årtionde efter Apples 72-punkters standard (testa med upplösningen 800x600 / 14" i kalkylatorn nedan) hade man blivit duktigare på att bygga monitorer. Man hade lyckats klämma in fler fysiska pixlar på mindre yta helt enkelt, och Microsoft drog en ny standard ur hatten för sitt OS. Nu var det 96 ppi som gällde. En tredjedel högre upplösning alltså.

Och det är sorgligt att Apple och Microsoft håller sig till olika standarder i detta avseende än idag. Det medför nämligen att exempelvis webbsidor ser olika ut beroende på vilken maskin man visar sidan med. En finstilt text i ett Microsoft OS är till exempel stört omöjlig att läsa på en Apple.

Idag ser vi mobiltelefoner och laptopar med kapacitet i sina LCD-displayer kring 150 ppi (och vi hittar teckenuppsättningar anpassade för 144ppi), men det är komplicerat och dyrt att skapa displayer med denna upplösning varför upplösningar på ca 100 ppi fortfarande är mycket vanligare i vardagstillämpningar. I relation kan dock en HD-Ready 42" TV på 40 ppi och en Full-HD TV på 42" på 54 ppi ställas. Anledningen till att ppi-värdet är lägre är förstås att ytan är så stor. Omvänt skulle en 42" display med upplösningen 160 ppi kunna visa bilder med dimensionerna 5800x3500 pixlar. Där är vi inte riktigt än.

Sammanfattning
Pixelns fysiska storlek är beroende av mediet. Det här med 72 pixlar per tum är en gammal förlegad standard från 70-talet som vi idag inte behöver bry oss så mycket om. Även om den där upplösningsvalmöjligheten finns där i Photoshop... fokusera på pixeldimensionerna istället.

Vad har dina displayförsedda prylar för upplösning? Det kan du räkna ut med kalkylatorn nedan. Själv blev jag förvånad över att mitt Nintendo Gameboy (1989) hade så mycket som 90 ppi.

Upplösningsräknare (Egentligen skulle denna räknare legat i själva inlägget, men jag fick erfara hur begränsad denna bloggtjänst är till sin funkationalitet och fick hitta en annan lösning. Jag vet, det ser bedrövligt ut... Tryck på länken nu.)

Nyhet: Tävlingar som rekryteringsunderlag

Gårdagens inlägg kan kompletteras med att företag ibland anordnar tävlingar för sina sökanden för att underlätta sin egen urvalsprocess när de rekryterar.

Om två snarlika ansökningar kommer in kan en kreativ utmaning för de sökande visa sig utslagsgivande för vem som är bäst lämpad för jobbet. Detsamma gäller för högskoleutbildningar inom bland annat design, konst och arkitektur.

Mriday är ett företag som hjälper företag att anordna tävlingar på nätet där just arbetssökande får ett problem som ska lösas. Tidigare har ÅF (Ångpanneföreningen som vi tidigare pratat om) arrangerat hackertävlingar på nätet och HiQ har byggt en egen community.

Mriday är främst riktad mot teknologer, men kolla gärna in det projekt som de anordnar på uppdrag av Santa Maria. Det ligger ju lite i linje med det förpackningsprojekt vi arbetar med just nu. Deltagare kan förutom att vinna 6.000 kr få jobbet som förpackningsdesigner hos dem.

Mriday | Projects / Santa Maria Package Developer

Lektion: Jag är mitt varumärke...

Portfolioarbetet har börjat. Vi talar om vikten av att profilera sig även som enskild individ i ett klimat där man slåss om jobben med hundratals, kanske tusentals sökande per plats.

En snabb kik på arbetsförmedlingens webbportal skvallrar, lågkonjunk-turen till trots, om hela 30.000 lediga jobb. Rekryteringen inom kultur-/mediasektorn ligger på ca 200 jobb och av dessa tangerar denna dag ett tjugotal jobb grafisk formgivning, art direction eller illustration med en geografisk spridning från norr till söder. Ja, ni kan göra matten själva.

Kajsa experimenterar med typografi till sin fysiska
    portfolio. Foto: Martin Knutsson, 2008-11-26.

Hur sticker vi då ut i de högar av sökande som landar i företagens inkorgar? Det hela är mycket subjektivt. Det beror förmodligen på den som rekryterar, men att ha en välformulerad ansökan med ett personligt brev och ett snyggt CV kan vara en bra början och att bifoga en .PDF med sina arbetsprover eller länk till sin webbportfölj är A och O.

Har man tur och kallas till anställningsintervju är det inte dumt att ha med sig en fysisk portfolio som den kommande arbetsgivaren kan klämma lite på. Den är också ett bra samtalsämne vid intervjun.

Eleverna väljer ett fysiskt eller ett digitalt format för sina arbetsprover. Oavsett vilket man väljer så visar man med fördel på kvalitet före kvantitet och man håller sig till ett formspråk som inte formmässigt skär mot sina övriga arbeten. Visst kan stilbrott utgöra en intressant kontrast, men är vi mogna att avgöra när en kontrast är intressant eller bara... bara konstig? Vi måste vara försiktiga. Mer om elevernas portföljer senare...

En huvudrestriktion för detta projekt: No darn scrapbooking!

Random: Skydda din dator när virusen flockas

Att ha virus på sin dator är ju inget som är särskilt roligt och det kan bli väldigt irriterande. När din dator blir slö och allting bara går neråt så är det lätt att humöret går samma väg. Det du kan göra för att förhindra att detta händer är att skaffa ett antivirusprogram som verkligen fungerar.

Eset Nod32 fungerar som såhär att det scannar din dator regelbundet efter virus, phishing, spyware, trojaner och allt vad det nu finns där ute på nätet. Detta arbetar helt i bakgrunden på din dator och du märker inte ens att programmet finns om man bortser de små och diskreta pop-up-rutorna som tittar upp ibland när en sökning är klar eller en uppdatering har gjorts. Detta helt utan att du själv störs av det.

Nod32 är inte bara tyst och märks knappt, det drar heller knappt någon kraft av din dator! Om man jämför en uppstart av en dator med Nod32 mot exempelvis en som har Norton Antivirus så går den dator med Nod32 mycket snabbare. Och jag tror nog att de flesta vill ha en dator som går snabbt och enkelt och då är rätt val av antivirusprogram väldigt viktigt. Inte bara med tanke på den kraft programmet tar av datorn utan också av hur stor säkerhet virusprogrammet ger dig!

Enligt oberoende tester (med hjälp av statistik från virustotal.com) så har Nod32 väldigt bra resultat. Nod32 scannar dessutom igenom din dator med mycket högre hastighet än vad de andra antivirusprogrammen i testet gör.

För att prova Nod32 kan ni gå in på deras hemsida http://www.nod32.se/ och där ladda ner en 30-dagars trial för att se hur det fungerar.

Diagrammet visar programmets effektivitet att
hitta trojaner och spyware. Statistik hämtad från
http://www.av-comparatives.org/.

Grafik: Åsa Brand.

Nyhet: Nya skribenter!

Som en del i B-kursen kommer samtliga elever som läser profilen att skriva minst ett inlägg på denna weblog som kan kopplas till utbildningen. Detta för att skapa tillfälle för skriftlig reflektion kring ämnet och för att skapa större delaktighet i bloggen. Förslag på inlägg kan vara (men är ej begränsade till):

• Artikel (en mer eller mindre vetenskapligt baserad skrivelse på utbildningsområdet)
• Tutorial (en guide för att beskriva en arbetsprocess eller ett verktyg i ex. Adobe CS)
• Lektion (sammanfatta en lektion med bilder och text)
• Nyhet (en utbildningsrelaterad nyhetsartikel, ex. ett företag byter logotyp)
• Random (ett reportage från någon utställning, en kul flashapplikation eleven hittat etc.)

Viktigt är naturligtvis att materialet som läggs upp håller en viss kvalitet. Därför ska en kurskamrat korrekturläsa texten och kommentera på innehållet. Det ska bli spännande att se vad som läggs upp!