Logotyp för Björns studiewebb

Tänk på ... (CSS3)

Innehåll

Innan man designar webbsidor bör man tänka sig för. Nedan nämns några saker, men inte allt, man bör tänka på.

Håll i tanken att jag är värdelös på design (vilket min webbplats är ett bevis på :-)) - jag anpassar främst andras designer. Detta är också skälet till att de flesta saker som nämns nedan är andras tankar/ideer och inte mina (se bl.a. referenser).

Allmänt om design

Det finns olika skolor liksom olika extremer vad gäller design. En herre som förordar enkel design heter Jacob Nielsen (www.useit.com) och, på andra änden av skalan, finns David Siegel (tidigare www.killersites.com). Din design kanske bör ligga någonstans däremellan. :-)

Anpassa webbplatsen till önskad målgrupp, d.v.s. om målgruppen är ovana surfare så bör kanske navigeringen följa ett standardmönster medan du kan ta ut svängarna om du vänder dig till en målgrupp som söker något häftigt.

Testa i flera olika webbläsare - gärna även på olika operativsystem (Windows, MacOS, Linux, m.fl.). De vanligaste webbläsarna är Internet Explorer, Firefox/SeaMonkey, Opera och Safari. Firefox och Opera finns till ett antal olika operativsystem samt Safari för både Windows och MacOS.

Diverse

Degradering

Man bör utveckla webbplatser så att de fungerar även om inte klienten stödjer all funktionalitet (t.ex. senaste versionen av CSS eller JavaScript). Detta kallas bl.a. för graceful degradation (????). [Keith05]

Responsiv design

Man bör utveckla webbplatser så att de fungerar i olika typer av enheter och upplösningar, d.v.s. med s.k. responsiv design.

Bara för att man kan...

...så ska man inte. Bara för att något ser fräckt ut så kanske man inte bör använda det.

Referenser

Nedan finns några böcker med intressant information om CSS och andra webbteknologier (se "märkning" efter årtal för teknologi). Se även Länkar för andra webbplatser om ämnet.

  • Keith, Jeremy, DOM Scripting - Web Design with JavaScript and the Document Object Model, Friends of Ed, 2005. [JS/DOM]
  • Siegel, David, Killer Web Sites, Prentice-Hall, 1998. [HTML]
  • Tittel, Ed, m.fl., Hip Pocket Guide to HTML 4, IDG Books, 1998. [HTML]
  • ?, ?, Beginning CSS, Wrox, 200?. [CSS]