Välkommen till Baronen.org

Därför ska man inte använda pixlar

Man lär sig något nytt varje dag, och även idag har jag lärt mig något nytt. Faktiskt genom att läsa boken jag fick idag. Du kanske har gjort som jag när du har utvecklat webbplatser, alltid bestämt textstorleken i pixlar. Till exempel font-size: 12px; Det är när man gör på detta sätt som man stänger ute x antal besökare på sin sida. Nu kommer vi alltså in på tillgänglighet.

Folk som har nedsatt syn och använder Internet Explorer som majoriteten av webbanvändare gör stöter på problem här. Det finns en funktion i IE och andra webbläsare som gör att man kan ändra storlek på texten i webbläsaren.

Men när man alltså sätter textstorlek i pixlar så sätter man verkligen en bestämd storlek, även om användaren ändrar i webbläsaren så kommer texten inte ändras på sidan.

Lösningen till detta är ganska enkelt, det finns två vägar att gå och jag tänker visa en. body { font-size: small; } Här sätter vi nu en standardstorlek på sidan, i detta fall small. Ändrar man nu storlek i IE kommer denna text att ändras. Vill man sedan ha en rubrik på sidan användar man sig av procent. Hela CSS koden blir då body {
font-size:small;
}
h1 {
font-size: 150%;
}

Ändrar användaren nu storlek så kommer alltså h1 hela tiden vara 150% av föräldern, i detta fall body.

Här ser vi hur det ser ut när vi har ändrat storlek i Internet explorer, både rubriken och stycket har ändrat storlek.

Skottsäker webbdesign

Idag ramlade den ner i brevninkastet, den efterlängtade boken som jag beställde förra veckan. Boken heter alltså Bulletproof Web Design och är skrev av gurun Dan Cederholm. Jag har inte läst så långt än men har avklarat två av dem nio sköna kapitel. Men hittils motsvarar boken mina förväntningar med råge. Man får hela tiden konkreta tips och boken blir aldrig riktigt tråkig.

Efter ha tjuvkollat lite längre fram i boken så verkar det som stora delar av den handlar den mycket om att anpassa sidan. Dels för att den ska funka i olika upplösningar, webbläsare och dels ur tillgänglighetssyfte. Detta tycker jag är mycket bra eftersom tillgänglighet är på gång nu.

Tillgänglighet På Internet - Flygresor.se

Tillgänglighet på Internet börjar bli allt mer viktigt. År 2010 ska hela samhället vara tillgänglighetsanpassat. Detta gäller också Internet, inte minst myndighetssidor. Dessa har börjat bli mer anpassade men personligen tror jag inte detta kommer bli verklighet 2010.

Tänkte gå igenom lite på flygresor.se, hur dem har tillgänglighetsanpassat sin hemsida. W3 har satt ihop en liten checklista man kan följa får att få en tillgänglig webbplats. Denna lista är uppdelade i olika prioreteringar mellan 1 och 3. Där 1 är viktigast.

Flygresor.se
Punkt 1 innefattar grafiska element, alltså bilder, och image-map regioner med flera. Man ska alltså alltid se till så att bilder har en alternativ text. På just flygresor är dem inte helt duktiga på detta.

Ett annat steg är att se till att man skapar sidans layout med hjälp av CSS, sidan ska alltså fungera bra om man stänger av stilmallar. Detta kan man testa på sin egen sida i Firefox genom att ta “View > Page Style > No Style”. Då ser du hur sidan ser ut utan stilmallar. Flygresor har gjort detta på ett helt ok sätt.

Att även använda ett språk som är anpassat för webbplatsen och för målgruppen ska man också försöka tänka på, även detta ligger i prioritet 1 enligt W3C.

Ett annat sätt att göra sidan tillgänglig och användbar är att man validerar sidan enligt W3’s regler. Tittar man på flygresor så har dem ett antal valideringsfel.

Hemtenta och Laboration

Äntligen säger jag bara. Senaste veckan har innehållit mycket pluggande. Hemtentan i Människa Data Interaktion har varit ganska tuff och tagit ganska mycket tid. Så tidigare idag skickade jag äntligen in den. Nu återstår det och se om jag klarade mig, känns dock som om det inte är några problem att få godkänt.

Hade också en laboration i CSS som ska vara färdig imorgon, mycket pillande och mycket testande med den. Det jag hade mest problem med va att lyckas få in Internet Explorer 7.0 i Quirks mode för att demonstrera det så kallade “Box model problem”. Men lyckades också lösa detta.

På torsdag ska också projektbeskrivningen vara inne, så om du har något tips om vad jag ska göra för webbsida så kom med förslag.

Nu har jag kvällen ledig och nu blir det lugnt en stund. Eventuellt skriva något seriöst i bloggen.Vem vet, kanske kommer ett inlägg till inatt.

Nytt projekt DigitalSweet

Har börjat fundera runt ett nytt projekt. Det började för ett par veckor sedan när jag köpte en ny domän som jag började tänka vad man kan använda den till. Kom fram till en ganska bra idé men den håller jag hemlig lite till. Tänkte också slänga upp ett utkast av loggan, så hoppas jag att någon tycker till om den.

Verktygen du inte kan vara utan

Tänkte tipsa och skriva lite om verktyg, add-ons som jag använder i vardagen för att underlätta webbutveckling och lite annat. Så var ska jag börja? Eftersom webbutveckling och Internet är det jag är mest intresserad av så börjar jag där.

CSS Viewer

Ett mycket litet smidigt add-on till webbläsaren Firefox. Det det gör är att visa CSS information för vissa element på en webbsida. Alltså sätter du igång det och håller helt enkelt musen över ett blockelement eller text för att se dess egenskaper. Detta är verktyg är mycket användbart vid felsökning och om du ska ändra en redan befintlig sida. Du hittar CSS Viewer här.

WEB Developer

Detta är en annan add-on jag använder ganska frekvent. Detta är en extra “bar” i Firefox. Denna innehåller mängder med bra och smarta funktioner för webbutvecklare. Dels kan du stänga av CSS, bilder, få fram vilken content-type sidan skickat som och mycket mer. Du får också fram snabbknappar för att validera din sidamed W3s validator. Ladda hem Web developer.

SEO for Firefox 

Ett annat add-on som jag har en del nytta av är SEO for Firefox. Det detta gör är helt enkelt att visa ytterligare information om sidan när du gör en sökning på till exempel google. Den visar saker som PageRank, inkommande länkar, hur gammal domänen är med mera. Det finns också ett “lookup-tool” där du kan kolla pagerank med mera på en sida.

Hitta nya extensions och add-on hos Firefox.

Plötsligt händer det… Inte

Besökte de bloggar jag brukar besöka och hittade en ganska kul grej faktiskt. Mannen bakom Hjalmars IT Blogg har startat ett nytt projekt om man får kalla det så. Han har alltså fått trisslotter av Svenska Spel. Det han nu har gjort är att lägga upp alla lotterna på Internet, där kan du rösta om vilken ruta respektive lott han ska skrapa. Sen skrapar han den ruta som fått flest röster och tar ett nytt kort på lotten. Pengarna ska sedan gå till välgörande ändamål, där du kan rösta. Inte så användbart men en ganska kul idé.

Kolla själv: Plötsligt händer det inte.