Våra utställningar

Om museet

Ämnen

Tidsepoker

#älskadewww

Från gråskala till videobonanza – webbdesignens fantastiska resa

Kan du tänka dig en webb utan bilder, ljud, musik, grafik och video? Nej, det är svårt. Men i webbens barndom var det ett faktum. Text, text och åter text var det som erbjöds. I den här tidslinjen följer vi utvecklingen från den första grafiska webbläsaren till dagens smartphoneanpassade webbvärld.

Har vi missat något? Tipsa oss!

Krönikor

Missa inte

Podd om webbdesign

Måns Jonasson pratar dåtid och framtid med ärrade experterna Petra Jankov Picha och Fredrik Marcus.

#älskadewww

Picture

1985 Du behöver inget annat än Anteckningar

anteckningar

Eftersom html, css, javascript och annat du använder för att skapa hemsidor bara består av ren text behöver du inget annan än Notepad för att webbdesigna.

Läs mer
Gif-animationernas popularitet tycks aldrig avta.
Stäng artikel: Evighetsanimationer i gif-format
Picture

1987 Evighetsanimationer i gif-format

giphy

Det mångsidiga gif-bilderna är perfekt för stora och små animationer. Ett format som lanserades långt innan webben var född.

Läs mer
Så här ser Lysators hemsida ut i dag. Fortfarande retrokänsla.
Stäng artikel: Nu skapas Sveriges första webbsida
Picture

1993 Nu skapas Sveriges första webbsida

Screen Shot 2015-10-21 at 16.20.53

Så fort www-standarden blev satt var Linköpings Universitets dataförening snabbt framme och lanserade Sveriges första webbsida.

Läs mer
Picture

1993 Webbläsaren Mosaic blir en dundersuccé – nu blir surfandet njutbart

mos-10

Mosaic var det den första webbläsaren som blev fick ett brett genomslag, särskilt när Windows-versionen kom i november 1993.

Läs mer
Picture

1994 Blink och marquee: nätets mest enerverande taggar

blink-tag

När allt annat på nätet var statiskt blev blinkande och rullande text omåttligt populärt.

Läs mer
Picture

1994 WYSIWYG – men vad du ser är inte alltid vad du får

wysiwyg

Det här med webbutveckling kan vara svårt, men om du inte vill skriva kod för hand kan du använda en WYSIWYG-editor istället.

Läs mer
Detta gäng kan ha varit först i Sverige. Foto genom Joakim Jardenberg (som syns i mitten).
Stäng artikel: Sveriges första webbutbildning?
Picture

1994 Sveriges första webbutbildning?

webbkurs

En arbetsmarknadspolitisk åtgärd i Malmö kan ha varit Sveriges första webbdesignutbildning.

Läs mer
Picture

1994 Netscape: den första browsersuccén

netscape

Många är vi som tar våra första stapplande steg på internet tillsammans med Netscape och den animerade ikonen med de fallande stjärnorna.

Läs mer
Picture

1995 Tabeller förändrar allt

När inget annat fanns att tillgå fick allt förpackas i tabeller. En typ av design som har hängt med länge.

Läs mer
Picture

1995 Besöksräknaren: ett måste på sajten

image01

Innan Google Analytics hade vi besöksräknaren, ett måste på varje anständig (och oanständig) hemsida.

Läs mer
Picture

1995 Browserkriget: den eviga kampen om dominans på nätet

browsers

Från webbens födelse har ett våldsamt krig utkämpats om vilken webbläsare vi ska använda.

Läs mer
Glöm inte att skriva några rader innan du lämnar hemsidan.
Stäng artikel: Gästboken: Lämna en hälsning!
Picture

1995 Gästboken: Lämna en hälsning!

guestbook13

Varje hemsida med självaktning måste ha ett sätt att kommunicera med sina besökare. På 90-talet skedde det med hjälp av gästboken.

Läs mer
Så blev hemsidorna interaktiva på allvar.
Stäng artikel: JavaScript gör webben roligare
Picture

1995 JavaScript gör webben roligare

2378867408_5d2ac25d2f_o1

JavaScript har vare sig med Java eller kaffe att göra. Men icke desto mindre något som varje webbutvecklare bör ha koll på. Om med java öppnade sig en värld av gästböcker, bildkaruseller och bmi-räknare.

Läs mer
Picture

1996 Sega modem ger sega bilder

När vi bara hade långsamma modem att koppla upp oss med var vi vana vid att bilder (för att vara petig: jpeg-bilder) på nätet först var väldigt pixliga, sedan lite mindre pixliga.

Läs mer
Picture

1996 De första webbyråerna

Sverige har ju länge legat i framkant när det gäller datorer och it och 1996 fick vi webbyråer. Bazooka tillhörde de allra första.

Läs mer och se filmen
Picture

1996 Design med osynliga gif:ar

Idag har webbdesigners allsköns futuristiska hjälpmedel i verktygslådan, men innan CSS uppfanns var det inte lika enkelt att bestämma var på en sida ett objekt skulle placeras.

Läs mer
Passagen listade hemsidorna efter begynnelsebokstav, inte alltid lätt att hitta. Även Torget erbjöd användarna utrymme för personliga hemsidor.
Stäng artikel: Personliga hemsidor: Hur svenskarna börjar sätta prägel på webben
Picture

1996 Personliga hemsidor: Hur svenskarna börjar sätta prägel på webben

personlighemsida

Internetleverantörerna på 90-talet erbjöd oss som kunder möjlighet att skapa våra egna hemsidor. Det var vi inte sena att nappa på.

Läs mer
Picture

1996 Annica Tigers HTML-guide lär svenskarna göra egna hemsidor

annicatiger

I augusti 1996 lanserar Annica Tiger sin HTML-guide. Den blir snabbt blir ett nav i den växande svenska internetvärlden och platsen dit många vänder sig för programmeringstips.

Läs mer
Springande gubbar och mycket mer. Flash blev snabbt välanvänt, men inte alltid populärt.
Stäng artikel: Älskade hatade Flash
Picture

1996 Älskade hatade Flash

flash

Vi har mycket att tacka grafik- och animationstekniken Flash för, även om den kanske hängde sig kvar lite väl länge i webbdesignens historia.

Läs mer
Kod som gjorde webben snyggare!
Stäng artikel: CSS: Webbens ansikte utåt
Picture

1996 CSS: Webbens ansikte utåt

css-code

Design, enkelhet och renhet. Utan CSS hade webben sett väldigt mycket tråkigare ut idag.

Läs mer
Skunk och Lunarstorm hemsidor
Profilen säger allt om vem du är. Bäst att anstränga sig!
Stäng artikel: Pyntade krypin gör svenskarna till HTML-proffs
Picture

1998 Pyntade krypin gör svenskarna till HTML-proffs

lunarskunk

Nog för att den personliga hemsidan ger webbdesignen en boost bland privatpersoner, men den breda spridningen av taggarnas möjligheter erbjuds med sociala nätverk som Lunarstorm, Skunk och Myspace.

Läs mer
Picture

1999 WAP gör att mobilsurfandet kan börja

Innan iPhone, innan färgskärmar och innan 3g-nät hade vi WAP. En liten stund i alla fall.

Läs mer
Picture

2001 Internet Explorer 6: Webbutvecklingens bromskloss

00-talets mest spridda webbläsare var samtidigt webbutvecklingens största bromskloss. Säkerhetshåll, inkonsekvent, bristfällig och felaktig tolkning av CSS-regler, och konstanta krascher gjorde Microsofts webbläsare evigt hatad.

Läs mer och se filmen
Picture

2006 Platt design: bort med skuggorna

icons-393805_640

Nu börjar vi ha en sådan datorvana att vi inte längre behöver en bild på en papperskorg för att fatta var vi ska slänga våra dokument.

Läs mer
Picture

2008 HTML5: nu film utan flash

Med HTML5 tar webben ytterligare ett kliv mot öppna multimediastandarder, bättre semantik och högre läsbarhet.

Läs mer
Picture

2010 Responsiv design: samma innehåll, olika skärmar

responsiv

Responsiv design innebär att en och samma sida som ser olika ut på olika upplösningar. Innehållet är detsamma, men presentationen optimeras för mottagarens förutsättningar.

Läs mer
Picture

I dag Tävla i webbdesignkunskap!

Bra jobbat! Du har nått fram till i dag. Men hur mycket har du snappat upp på vägen hit? Testa dina webbdesignkunskaper här och ha chans på en fin under construction-kudde eller en #älskadewww-påse.

Läs mer

Internetstiftelsen verkar för ett internet som bidrar positivt till människan och samhället. Vi är en oberoende organisation som säkerställer en stark och säker infrastruktur för internet i Sverige. Vårt mål är att alla ska våga och kunna använda internet. Vi finns i Sverige och ansvarar för den svenska toppdomänen .se och driften av toppdomänen .nu.

  • Internetstiftelsen
  • Hammarby Kaj 10D
  • Box 92073
  • 120 07 Stockholm
Certifierade enligt ISO/IEC
27001:2013
Svenskarna och internet
Internetdagarna
Goto10
Bredbandskollen
Internetstiftelsen
Digitala lektioner