Välkommen till Baronen.org

Rädda webbutvecklarna - Få bort IE 6

Många eller alla som någon gång utvecklat en webbplats vet hur jobbigt det är med olika webbläsare. Din sida ska se bra ut, helst identiskt i samtliga webbläsare.

Den största boven enligt mig är Microsofts Internet Explorer och då pratar jag om version 6.0 och lägre. Den versionen släppte Microsoft runt 2001 och det finns fortfarande internetanvändare som använder denna webbläsare.

Men varför uppdaterar inte folk sin webbläsare? Jag tror att dem som fortfarande använder sig av Internet Explorer 6.0 eller till och med lägre inte har någon direkt datorvana. De bryr sig helt inte enkelt om vilken version de har så länge allt fungerar.

Explorer 6.0 är den svåraste webbläsaren att utveckla webbsidor för, enligt mig själv och mina erfarenheter. Allt för ofta får man lägga extra tid bara för att sidan inte ser rätt ut i version 6.0.

Men nu verkar det finnas lite hopp om att den ska försvinna. Företaget 37Signals har nu skrivit i sin blogg att de tänker ta bort stödet för Internet Explorer 6.0 i sina produkter från och med 15 augusti 2008.

Inte nog med att 37Signals går ut med ett meddelande som detta utan det finns en annan webbplats som just nu kör en kampanj för att få bort IE 6. Sidan heter savethedevelopers.org och de försöker få internetanvändare som använder IE 6 att uppgradera IE eller ladda hem något av de andra alternativen som finns.

Så om du vill göra oss webbutvecklare en tjänst se till att uppdatera din webbläsare. Själv rekommenderar jag skarpt Mozilla Firefox.

Domännamn ur användbarhetsperspektiv

Internetanvändare idag använder faktiskt inte bara sökmotorer till att hitta sidor. Självklart skriver de in en vanlig adress i sin webbläsare också. Jag har tänkt lite på detta med domännamn och användbarhet.

Ett problem som finns idag som egentligen inte borde finnas eller är helt onödigt är att www.domännamn.com och domännamn.com inte går till samma sida, eller att någon av dem inte fungerar alls.

Det borde vara en självklarhet för alla som driver en webbsida att se till att det går att komma till den genom att använda sig av www.domän.com eller för den delen domän.com. Det kräver ju inte direkt något extra jobb.

Något som jag tycker är värre är att www.domän.com går till en helt annan sida än domän.com. Hur vet man att man har kommit rätt?

Jag såg en reklam på tv för någon vecka sen som är ett lysande exempel på detta. Det var en reklam för behandling mot RLS (Restless legs syndrom). I reklamen gjorde de reklam för sin hemsida, rls.nu, om du kollar på den sidan möts du av följande meddelande: “Dear User, we are very sorry ! But you are not permitted to access to this website.”

Men om du istället går in genom att använda dig av www innan, alltså www.rls.nu. Så kommer du till en helt annan sida. Hur många besökare har dem inte förlorat på detta?

Detta är ur användbarhetsperspektiv inte någon höjdare kan jag tycka.

En annan aspekt ur det hela som iallafall jag stör mig lite på är när webbplatser använder subdomäner OCH www. Alltså en sida som har adressen www.mail.domännamn.com. Jag tror själv att det inte bara är jag som tycker att man inte ska ha det på detta viset. Har man en subdomän så ska man skrota www, eller?

Ett exempel på detta är tyvärr Höskolan i Kalmar som har en adress som är www.te.hik.se, jag tycker själv att den adressen borde vara te.hik.se, men som du märker så fungerar inte den adressen.

Så alla ni som driver en webbsida kontrollera att man kommer till rätt sida genom att använda båda alternativen.

Andra bloggar om Användbarhet, Domännamn

Nya tidens webbläsare

Det är väl idag ingen nyhet att Microsofts nya version av webbläsaren Internet Explorer klarar Acid2 testet. Eftersom jag använder mig av Linux så har jag dock inte haft möjlighet att provköra version 8.0 Beta. Webbläsare som redan har klarat det testet är Opera och Safari. Men också den nya versionen av Mozilla Firefox ska klara testet, detta ser jag positivt på.

Vad är då Acid2 testet?
Det är ett test som hjälper webbläsarutvecklare att testa så deras webbläsare stödjer de senaste funktioner som webbutvecklare vill ha. Funktioner som är delar av den standard som idag redan finns men som inte är fullt implementerade i dagens webbläsare. Det är här Acid2 utmanar webbläsarna att klara testet, allt för att vi webbutvecklare ska bli nöjda.

Acid2 testet består av en egentligen vanlig webbsida. Några av de saker testet består av är: Transparenta PNG bilder, Object element, Absolute, relativ och fixed positioner, box-model (testar så att height, width, max-width, min-width, max-height och min-height fungerar som de ska), CSS tabeller, marginaler, genererat innehåll, line-heights och hover-effekter. Dessa är några av de saker som acid2 testar. Läs mer om Acid2 testet.
Bakom detta test ligger origanisationen The Web Stanard Projekt även kallas WaSP

Firefox 3
Som jag nämnt tidigare så klarar även nya Firefox 3 Acid2 testet, men det är mer nytt i den nya versionen, speciellt saker som omfattar webbutveckling.

Zoom möjligheten är förändrar, Nya Firefox skalar om hela sidan och inte bara texten. Detta tycker jag är bra ur användbarhetssynpunkt.

Animerad PNG blir möjligt, Firefox 3 får stöd för animerade PNG bilder. Har du en äldre webbläsare som inte stödjer det kommer den visa första rutan på bilden.

Äntligen getElementByClassName, äntligen måste jag säga, visst det har gått att få fram element med ett visst klassnamn, men iochmed Firefox 3 kommer det finnas stöd i DOMen. Det kommer säkert dröja innan det blir standard dock.

Nu ser vi fram emot lansering av både Firefox3 och Internet Explorer 8 även om det säkert tar minst 5 år till innan dem börjar användas av det “vanliga folket”

Läs även andra bloggares åsikter om Acid2, Firefox 3, Internet Explorer 8

Använd EM istället för PX

Jag skrev tidigare ett inlägg om att man inte skulle använda pixlar när man satte storlek på till exempel text. Just därför att pixlar är ett bestämt värde, detta gör att användare som användet Internet Explorer inte kan förstora den texten med hjälp av webbläsaren.

Det kan kan göra är att använda procent, detta skrev jag om i förra inlägget. Eller kan du använda em, detta är också ett mått som justerar sig. Det enklaste att göra detta om du tidigare använt dig av pixlar är följande.

Du sätter storlek i body till 62.5%. Detta gör att istället för att 1 em är 16pixlar så blir nu 1em 10pixlar. Det blir helt enkelt mycket lättare att räkna.

body { font-size: 62.5%; }

Sen använder du allt som vanligt, vill du ha 10 pixlar så skriver du 1em, vill du ha 12 pixlar blir det 1.2em. Detta blir väldigt lätt att förstå och jobba med.

body { font-size: 62.5%; }
p { font-size: 1.2em; }

Det är inte bara till text man kan använda detta, vill man till exempel att en div-tagg ska bli större kan man använda samma sak. Hoppas detta gav er som använder pixlar en tankeställare.

Andra bloggar om: webbdesign, tillgänglighet, användbarhet

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.

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.

Ikoner

Vissa kanske läste en post där jag delade med mig av mina tankar angående användning av ikoner på webbsidor. Eftersom denna post försvann när webbhotellet krashade så finns den tyvärr inte kvar.

Iallafall tipsade jag i den posten om tre sökmotorer för ikoner. Jag kommer inte ihåg vad jag skrev i den posten så ingen idé att försöka återskapa den. Men tänkte lägga upp länkarna till ikonsökmotorerna iallafall.

• Iconfinder
• IconDatabase
• Iconlet

Kan hända att jag delar med mig av mina tankar eller liknande en annan gång.