Jag har ju hållit på att designa och koda webbplatser i ganska många år vid det här laget. 16 år närmare bestämt.
Den allra första webbsidan jag gjorde publicerade jag i januari 1997 och den är den enda som inte finns bevarad för eftervärlden. Inte för att den var så mycket att hänga i julgranen. Om jag inte missminner mig helt och hållet var det bara en låååång sida med text, länkar och sådana där blinkande giffar som var så otroligt populära på den tiden . Eventuellt var det också någon liten trudelutt som spelades när man laddade sidan. Kommer ni ihåg hur irriterande det var? Hahaha.
Från 1997 och fram till jag gick över till bloggskript i slutet av 2004 skrev jag all kod själv. Först i en editor som hette Arachnophilia som från början var ett ganska enkelt verktyg men som vartefter utvecklades till ett ganska avancerat sådant. Senare gick jag över till Homesite 4.0 och därefter till Dreamweaver 2 och sedan 3. Till min stora förvåning upptäckte jag att Arachnophilia fortfarande finns kvar. Fascinerande!
Jag har suttit och tittat igenom den externa hårddisken och blev sittandes och tittade på alla olika webbplatser jag gjort genom åren. Det här kommer bli ett långt inlägg, men kolla bara! Nostalgi på hög nivå!
1997
Julhälsningen jag och dåvarande maken publicerade julen 1997. Det var så här webbsidor såg ut på den tiden. Enkla, med en headerbild, en bakgrund med en bård till vänster och gärna horisontella avdelare. Knappar i samma mönster som bården var också väldigt vanligt.
Vi gjorde också en nyårshälsning till våra utländska vänner. Den publicerades 27:e december 1997.
Sonens egen webbsida från 1997.
Familjesidan. Här var ett av de första sidorna med egen grafik. De små eiffeltornen skulle symbolisera radiomasterna i Motala där vi bodde.
1998
Som sagt, min egen webbsida från 1997 finns inte längre kvar men väl den som kom efter. Och redan här började det bli lite mer designat och avancerat. Jag gjorde en slags vägvisargrafik som jag delade upp i små bilder och placerade på rätt plats med hjälp av en tabell. Notera bården och de horisontella avdelarna som går i samma grafiska modell som vägvisaren.
Jag hade också en undersida med gratis grafik för den som ville ladda ner. Det var bakgrunder, knappar och horisontal rulers.
Jag gjorde en sida åt maken.
Trädgårdssidan.
En arbetskamrat ville ha hjälp med att göra en webbplats åt sin dansbandsgrupp Spendix. Han hade dock problem med att få uppgifter från sina bandmedlemmar så den blev aldrig riktigt klar.
1999
Under 1999 gick jag en 30-veckorskurs hos MacMeckarna där vi bland annat fick lära oss flash. Där gjorde jag en svensk och en engels flashfilm om amatörradio. Flashfilmerna fungerar fortfarande men finns inte längre ute på nätet. Det fanns bland annat en sida där man kunde klicka på olika bokstäver och siffror för att lyssna på hur det motsvarande moresetecknet lät. Jag lekte lite med 3d-text också och det här blev då resultatet.
Jag fick i uppgift att designa en webbsida för klassen jag gick i hos MacMeckarna. Det här är en av undersidorna.
Versionen som kom efter vägvisaren var blå och fanns i en svensk och en engelsk version. Så här såg ingångssidan ut. Både den svenska och den engelska ingångssidan var uppbyggd av en tabell. Jag var en fena på att bygga upp designer med hjälp av tabeller på den tiden!
Den engelska versionen var den huvudsakliga eftersom jag mest hade amerikanska nätvänner då, så den var lite mer arbetad än den svenska. Där ändrade länkarna färg när man drog muspekaren över dem.
Så här såg själva innehållssidan ut. Det mörkblå runt själva innehållet är i själva verket inte homogen utan innehåller tunna horisontella linjer.
Dottern hade så klart också en egen sida.
Ända sedan hösten 1996 var jag och maken intresserade av 3d-chatt och vi spenderade ganska mycket tid på ett ställe som hette Pointworld. Det var en VRML-värld där man tog en 3d-avatar och gick omkring och chattade med de som var där.
Senare utvecklades Pointworld till ett helt samhälle med olika kvarter där man kunde ta virtuella jobb som kvarterschef. Jag och maken var chef över olika kvarter, han i Anthropologi block och jag i Digital Arts block. Jag gjorde webbplatser för våra respektive block.
Dagboken
I september 1999 började jag skriva dagbok på nätet och det fortsatte jag med fram till slutet av 2004 då jag gick över till att blogga med hjälp av olika bloggverktyg.
2004 började jag intressera mig för att koda enligt standard. Jag köpte första utgåvan av Jeffrey Zeldmans ”Designing with web standards”. Jag har senare köpt och läst både andra och tredje utgåvan. Designen nedan var det första försöket till att göra en meny som bestod av en lista och som fick sitt utseende med hjälp av css. Jag blev inte helt nöjd med den så den blev aldrig använd.
Istället för utseendet ovan gjorde jag den här designen. Med rundade flikar under headerbilden. Den menyn var också uppbyggd av en lista som styrdes med css. Jag var ganska nöjd över mig själv när jag hade lyckats med den.
Det var efter den här designen som jag gick över till att använda bloggscript för min blogg. Det blev mycket enklare att uppdatera när man slapp ladda upp sidorna med ftp varje gång. Jag uppdaterade ju dagboken varje dag, ibland flera gånger så det blev för omständligt att sitta och hacka kod.
Kullen
Så länge min son gick på dagis åtog jag mig också att göra en webbsida för avdelningen han gick på. Den uppdaterade jag varje vecka med matschema, aktivitetsschema och så vidare. Den var väldigt populär bland personalen och föräldrarna men framför allt hos barnen. Jag hade nämligen en avdelning med bilder som barnen hade ritat. Jag lånade hem och skannade in teckningar och sen publicerade jag dem på webbplatsen.
Designen nedan fungerar inte riktigt längre, även där det är vitt borde det varit en lila bakgrund. Jag brydde mig inte om att felsöka för det här inläggets skull.
Webbplatser som fortfarande är levande
Webbplatsen jag kodade åt mitt företag Accalon 2004. Sidan kodades enligt webbstandard och den är fortfarande företagets officiella webbplats.
Webbplatser som fortfarande fungerar är en sanning med modifikation för denna sida, Maddemade, är på väg att integreras i storudden.se och finns inte längre ute på nätet.
Mobilmek, denna sida är uppbyggd av tabeller och således inte enligt webbstandard. Den är på väg att integreras i storudden.se.
Storudden.se är en levande sida som fortfarande är under utveckling. Från början gjorde jag den som ett projekt i webbdesignutbildningen och då enligt webbstandard för HTML5 och CSS3. Den är alltså i huvudsak designad med användbarhet i åtanke. Eftersom uppdragsgivaren vill kunna uppdatera sina säljsidor själv så valde vi att flytta över den till en wordpressinstallation. Det är dock fortfarande jag som är webbproducent för den.
Bengtsfors Traktor- och Maskinförening. Det är en i allra högsta grad levande webbplats där jag är webbproducent. Det är också en wordpressinstallation.
Mitt portfolio som uppdateras så snart jag har skapat något nytt. Ännu en wordpressinstallation.