Blogg

Javaskript kan göra väldigt mycket bra på en webbplats. Det kan göra den snabbare, interaktivare, lättare att använda samt förenkla navigeringen m.m. Men vad händer om användaren saknar stöd för det? Ett viktigt krav vid användning av javasript är att webbplatsen ska fungerar lika bra utan, eftersom det finns de som saknar stöd för JS. Tex de som använder mobiltelefoner, skärmläsare m.m. Men var inte rädd för att använda javascript! Det är lätt att få de att fungera bra även för de utan stöd för det. När jag använder JS gör jag på följande sätt, för att få det att fungera så bra som möjligt.

Jag lägger in ett skript inom body vilket gör att jag kan använda olika css-klasser beroende på om användaren har JS stöd eller inte. Koden ser ut så här:

<script type="text/javascript">
    if (document.getElementById)
      document.body.className += "js";
</script>

Skriptet lägger till klassen js på body-taggen om användaren har JS stöd. Det gör att jag kan använda speciella stilar vid JS stöd. Lägg till .js innan ett css-klass om du vill att det bara ska gälla när JS stöd finns. Koden ser ut så här:

/* Med JS stöd*/
.js p {
    color: green;
}

/* Utan JS stöd */
p {
    color: red;
}

Detta gör att om det finns JS stöd så får texten grön färg, annars blir texten röd. Textfärg är bara ett exempel på vad tekniken kan användas till. Det finns många fler användningsområden och kan användas till det mesta. Det är bara fantasin som sätter gränserna.

Kommentarer (12)

Fast, flytande eller elastisk bredd på webbsidor? Vad är bäst att använda? Här tar vi upp för och nackdelar med de olika alternativen och förklarar skillnaden.

Skillnaden mellan fast, flytande och elastisk bredd:

Fast: Webbsidans bredd är alltid lika stor oavsett skärmupplösning och storlek på webbläsarens fönster och användaren kan inte ändra storleken.

Flytande: Bredden är angiven i procent av webbläsarens fönsterstorlek och anpassar sig där efter.

Elastisk: Elastisk innebär att sidan bredd är anpassad efter textstorleken och blir bredare om man ökar textstorleken, men fungerar annars som den fasta layouten.

För och nackdelar med de olika alternativen.

Fast

Fördelen med en fast design är att designern har maximal kontroll över sidans utseende som i tex en tidningssida och kan därför anpassa textens radlängder så de blir så lättlästa som möjligt. Dessutom ser sidan nästan identisk ut i alla webbläsare.

Nackdelen är att besökarna inte kan anpassa sidan hur de vill och använda den radlängden etc. som passar dem. Ökar man textstorleken kan texten hamna utanför kolumner och designen bryts. Fasta sidor brukar även vara smala så de passar små skärmar, men på en stor widescreen skärm blir sidan bara en smal remsa då. En elastisk design fungerar på samma sätt förutom att det inte är några problem med att öka textstorleken.

Flytande

Fördelen med flytande design är att sidan alltid anpassar sig efter webbläsarfönstret och passar då lika bra på en liten handdator som en widesreen skärm. Besökarna har då också maximal kontroll över sidan och kan anpassa radlängder mm. hur dem vill genom att ändra storlek på webbläsarfönstret. Det blir heller aldrig en scroll i sidled och innehåll riskerar inte att hamna utanför vid utskrift.

Nackdelen är att det är mycket svårt att läsa text som sträcker sig från skärm till skärm då den optimala radlängden på ca. 95 tecken. På en widescreen skärm kan en rad bestå av en hel mening. Det problemet kan kringgås genom att man anger en max-bredd på sidan.

Vad är bäst att använda?

Det finns inget svar på vad som är bäst att använda men vi tycker att flytande design med en flexibel max-bredd (em) är det bästa alternativet. Vad tycker du?

Kommentarer (46)

Spam/Skräppost är oönskade reklamutskick som översvämmar webben i kontaktformulär, gästböcker, kommentarer mm. och är ett evigt dilemma. De skickas av program ”robotar” som letar upp formulär och automatiskt fyller i de med skräp och skickar.

Hur undviker du spam?

De finns flera olika sätt att undvika spam genom att lura robotarna. Här är några sätt:

• Captcha. Captcha är en bild med automatiskt slumpade tecken där du som besökare ska fylla i vad som står i bilden för att bevisa att du är människa. Idéen är att en människa ska kunna utskilja svårlästa tecken men inte en dator.
• Bad words. Det går ut på att spärra meddelanden med vissa ord som är vanligt förekommande i spam som tex poker och viagra mm.
• Tomt Fällt. Alla spam robotar fungerar väldigt olika, men de flesta fyller i alla fält i ett formulär. Metoden är då att klassa alla meddelanden där ett visst fält är ifyllt som skräppost. Skapa ett gömt fält som användarna inte fyller i, men där du litar på att spam robotarna fyller i det.
• Svara på en fråga. Ställ en enkel fråga som användarna måste svara rätt på. Tex. vilken färg har brandbilen? Vilket inte ett program kan svara på (och de kan nog inte förstå svenska heller). Undvik dock att använda ”radio knappar” med olika alternativ eftersom robotarna kan testa sig fram. Utan be användaren fylla i svaret själv.

Vilket sätt är bäst att använda?

Problemet med de flesta lösningarna är att de är användarfientliga och lägger över spam problemet till besökaren, som ombes göra vissa saker för att bevisa att man är människa. Spam problemet är ditt, inte besökarens!

Captcha är det sämsta alternativet, eftersom de flesta robotar nu är så välutvecklade att captcha inte utgör något problem för robotarna. Därför förvrängs bokstäverna ännu mer och störande objekt tillkommer i bilden vilket resulterar att det även bli svårare för människor att utskilja vad det står. Det gör det även omöjligt för personer med nedsatt syn eller i vissa fall färgblindhet att använda formuläret.

Bad Words är också ett dåligt alternativ eftersom att människor också kan använda de oönskade orden och då klassas deras meddelanden som spam. Så det enda vettiga alternativet enligt mig är att använda ett tomt fällt eller liknande metod där användarna inte sköter din spam kontroll. Jag använder det själv i bloggen på nilleonline och slipper spam.

Hur undviker du spam?

Kommentarer (170)

Nu är nya nilleonline uppe, nu även med en blogg. I bloggen kommer artiklar och tankar kring webbrelaterade ämnen som användbarhet och tillgänglighet att publiceras samt nyheter från nilleonline. Var inte rädd att kommentera, alla kommentarer och åsikter är välkomna.

Kommentarer (10)