oktober 17th, 2007 av Baronen
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.
oktober 15th, 2007 av Baronen
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.
oktober 12th, 2007 av Baronen
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.
oktober 11th, 2007 av Baronen
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.
oktober 8th, 2007 av Baronen
För en vecka sedan beställde jag en ny bok, vet inte riktigt varför men såg den i bokhandeln och blev lite nyfiken. Så jag gick hem och beställde den på adlibris. Boken heter alltså Kom igång med AJAX och är skriven av Phil Ballard. Den är på svenska så det ska bli skönt att läsa på svenska för omväxlings skull. Den börjar med grunderna och ger enkla exempel, retunera data som XML, Använda dara som returneras och använda XMLHTTPRequest, så det verkar som ett bra köp.
Idag fick jag även ett annat tips om en bok. Bulletproof web design heter den och är skriven av Dan Cederholm. Han är också mannen bakom sidan SimpleBits. Eftersom jag är som jag är så kunde jag inte vänta, beställde nästan direkt, också denna från adlibris. Denna boken ska gå igeom en massa kända problem som kan uppstå vid webbutveckling så den verkar onekligen intressant.
oktober 5th, 2007 av Baronen
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.
Kan hända att jag delar med mig av mina tankar eller liknande en annan gång.
september 28th, 2007 av Baronen
Har nu beslutat mig för att släppa mitt första egna tema för WordPress. Temat går under namnet Lilja White och finns för närvarande bara på svenska. Planerar även att släppa fler versioner däribland på engelska och med andra färgteman.
Läs mer på Temat Lilja i menyn. Där kan du även ladda hem version 1.0.
september 28th, 2007 av Baronen
Det kan hända oss alla, för vissa händer det ofta och för andra händer det sällan. Jag pratar naturligtvis om inspirationstorka när du ska göra en webbsida eller liknande. Vi kan någon gång behöva lite ny inspiration och nya ideér så jag har gjort en lista på inspirationssidor, dessa sidor samlar schyssta och bra webbplatser. Dessa sidor är utmärkta att besöka när man har slut på ideér.
Hoppas denna lista hjälpte dig lite.
