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

#älskadewww ! Jag väljer att se det som en tidig julklapp även om jag vann den i en bild-på-första-hemsidan-utmaning. Tack @internetmuseum för all awesomeness :) #sturehillGrattis @gittawilen! Inte bara för att den här fina bilden prydde din första hemsida, utan för att du tog chansen att delta med den i vår Instagramtävling. En unik #älskadewww-kasse kommer med posten! Tack även till @johano @hannaka @ptrkhmbrg @makertjej @alexpicha @dennisgermundal och @lennarrrtolausson som också bjöd på foton från webbens barndom. 👍🏻📸SISTA CHANSEN! Visst saknar du en sån här snygg kudde? Nu kan du åtgärda bristen. Det är bara att få alla rätt i vårt webbdesignquiz (och sedan hålla tummarna). Vinnaren bland er med full pott utses i morgon! #älskadewwwMin första hemsa från 1998 finns sparad på en hembränd dvdr-skiva någonstans. Den hette Holidodi och hade stort fokus på animerade gifar och Under construction-skyltar. Den här, med ett lite mer självcentrerat fokus, (😁) föddes år 2000 och fick så småningom en blogg-liknande dagboksdel och en del där jag lade upp en bild om dagen. Snapshot från 2001. #älskadewwwDags att avrunda vår webbdesigntävling! Ni kommer ihåg hur man gjorde? Fota din första hemsida (kanske med hjälp av webarchive?) och använd hashtagen #älskadewww. Vinnaren, som slumpas fram, vinner en unik tygkasse och ett gäng fina klistermärken. Och förstås äran! Deadline är i morgon 23:59. Tick, tack ... ⏱😉Dagensskiva.com anno 1999. #älskadewwwSå här ser ett bra webbdesignverktyg ut. Eller vad säger ni? Vi hyllar det stilrena programmet med en egen tidslinjepunkt.#Repost @internetmuseum with @repostapp. ・・・ Så klart att vi inte kan ha en utställning om webbdesign utan att ha med den personliga hemsidan (länk i bio). Det var så många lärde sig vässa sina webbdesignskills. Vad handlade din hemsida om? #älskadewwwSå klart att vi inte kan ha en utställning om webbdesign utan att ha med den personliga hemsidan (länk i bio). Det var så många lärde sig vässa sina webbdesignskills. Vad handlade din hemsida om? #älskadewwwEn av de första hemsidorna jag kodade - och helt fantastiskt att den fortfarande ligger kvar online (även om en måste view source på filen meny.map för att se alla undersidor) @internetmuseum #älskadewwwKolla så tjusigt! När webbläsaren Mosaic kom till världen 1993 var det här en revolution. Bilder! Ni glömmer väl förresten inte vår tävling? Snygg påse till någon av er som instagrammar sin första hemsida (eller en gammal favorit). Använd hashtagen #älskadewww.Minns ni när det blev coolt att hålla på med datorer? Vi tror att det inträffade i samband med att webbyråsnubbarna blev de nya rockstjärnorna. Därför bjöd vi in tidigare Bazooka-medlemmen @rogeraberg för att skildra sitt 90-tal! En tid då allt var möjligt. Läs i vår webbdesignutställning. #älskadewww"Sveriges Grace Hopper"? Kanske det närmaste i alla fall. #AnnicaTiger var min #förebild och #hjältinna i #html-världen. Lärde mig typ allt jag vet i hennes guide och var så omåttligt lycklig när jag fick hennes #Tigerlänk-pris (en .gif man la upp på sin sida). Ja, those were the days! Och glöm nu inte läsa hennes #krönika, direktlänk i @internetmuseum's bio! ⭐⭐⭐ Kram från <blink>Blink</blink> • #Repost @internetmuseum with @repostapp ・・・ Känner ni igen Annica Tiger? Hennes hemsida från 1996 lärde en hel generation svenskar att göra egna sajter. Nu skriver hon själv om tiden med atiger.pp.se. Direktlänk i bio! #älskadewww:) Den här bilden prydde "välkomstsidan" på min allra första egna hemsa. #älskadewwwKänner ni igen Annica Tiger? Hennes hemsida från 1996 lärde en hel generation svenskar att göra egna sajter. Nu skriver hon själv om tiden med atiger.pp.se. På Internetmuseum.se/tema/webbdesign #älskadewwwFörsta sajten #sator #älskadewwwTÄVLING! Var med och sprid nostalgin på Instagram. Vinn en unik webbdesignpåse. Du gör så här för att vara med: 1. Fota din första hemsida (eller någon sajt du besökte förr). 2. Använd hashtagen #älskadewww. Klart! Ett tips! På web.archive.org finns ett arkiv över gamla och försvunna hemsidor. Sajten på bilden föreställer Internetmuseums curator @jlowenfeldt:s personliga hemsida från 1997. Utrustad med MIDI-arkiv, egen chatt och en fullständig guide till Candeliaspråket!Nu är #älskadewww lanserad. Sveriges första utställning om webbdesignens historia. Jag har varit curator (med c för att undvika förväxling ...) Besök internetmuseum.se för att få ett lågt tal på besöksräknaren.
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

annicatiger2

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
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: 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