Webbdesign 1997-2013

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.

Julhälsning 1997

Julhälsning 1997

Vi gjorde också en nyårshälsning till våra utländska vänner. Den publicerades 27:e december 1997.

Nyårshälsning 1998

Nyårshälsning 1998

Sonens egen webbsida från 1997.

Sonens sida 1997

Sonens sida 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.

Familjesidan 1997

Familjesidan 1997

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.

Sussi 1998

Sussi 1998

Jag hade också en undersida med gratis grafik för den som ville ladda ner. Det var bakgrunder, knappar och horisontal rulers.

Free graphics 1998

Free graphics 1998

Jag gjorde en sida åt maken.

Bernts webbplats 1999

Bernts webbplats 1999

Trädgårdssidan.

Trädgårdssida 1998

Trädgårdssida 1998

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.

Spendix 1998

Spendix 1998

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.

Amatörradio 1999

Amatörradio 1999

Jag fick i uppgift att designa en webbsida för klassen jag gick i hos MacMeckarna. Det här är en av undersidorna.

SWIT 1999

SWIT 1999

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!

Sussi svensk 1999

Sussi svensk 1999

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.

Sussi engelsk 1999

Sussi engelsk 1999

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.

Sussi engelsk 1999 innehåll

Sussi engelsk 1999 innehåll

Dottern hade så klart också en egen sida.

Dotterns sida 1999

Dotterns sida 1999

Ä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.

Pointworld 1999

Pointworld community page 1999

Anthropologi block 1999

Anthropologi block 1999

Digital Arts block 1999

Digital Arts block 1999

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.

Dagbok 2000

Dagbok 2000

Dagbok 2001

Dagbok 2001

Dagbok 2002

Dagbok 2002

Dagbok 2002-2

Dagbok 2002-2

Dagbok 2003 startsida

Dagbok 2003 startsida

Dagbok 2003

Dagbok 2003

Dagbok 2004

Dagbok 2004

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.

Dagbok 2004-3

Dagbok 2004-3

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.

Dagbok 2004-2
Dagbok 2004-2

 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.

Kullen 1998

Kullen 1998

Kullen 1998-2

Kullen 1998-2

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.

Kullen 1999

Kullen 1999

Kullen 2000

Kullen 2000

Kullen 2001

Kullen 2001

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.

Accalon 2004

Accalon 2004

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.

Maddemade 2011

Maddemade 2011

Mobilmek, denna sida är uppbyggd av tabeller och således inte enligt webbstandard. Den är på väg att integreras i storudden.se.

Mobilmek 2009

Mobilmek 2009

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.

Storudden.se 2013

Storudden.se 2013

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.

Btmf.se 2013

Btmf.se 2013

Mitt portfolio som uppdateras så snart jag har skapat något nytt. Ännu en wordpressinstallation.

Sussijohansson.com 2013

Sussijohansson.com 2013

Annonser

Världens bästa dag!

Igår var en riktigt bra dag!

Det började med att lärarna redan hade gett feedback på webbprojektet och jag fick VG! Jäklar vad kul! De anmärkte inte på någonting varken på webbsidan eller rapporten!

Äntligen har jag slagit till på en Mac!

Min nya MacBook Air

Sen var det så att min nya dator låg och väntade på mig på Posten Logistik, så jag och min samåkare åkte hem redan vid halv tre. Posten Logistik stänger ju fyra och det tar en timme att köra hem från Karlskoga. Jag hann i tid och jag och sonen satt i soffan och utforskade den när jag kom hem.

Kvart i fem var det dags att ge sig iväg mot stationen för tjugo över fem anlände dottern från Uppsala! Så härligt att få rå om henne här hemma i några veckor! Vi åkte direkt därifrån till Bergvik för sonen var i skriande behov av nya jeans. Det fick vi tag i plus att JC hade fått in t-shirtar med nya motiv så det köpte vi också fyra stycken av. Jättebra!

Innan vi åkte från Bergvik var vi till Subway och köpte kvällsmat. Även jag tog en med tonfiskfyllning.

Mitt nya iPhoneskal från iphonebutiken.

Mitt nya egendesignade iPhoneskal!

Ja just det, en sista grej! Jag beställde ett egendesignat iPhoneskal för ett par dagar sedan. Det låg i brevlådan och väntade på mig när jag kom hem. Det blev så himla snyggt!

Motivet är så klart på Jonathan Davis, sångare i Korn. Tja, ni borde ju känna till min favoritmusik vid det här laget hehe.

Tiden räckte inte riktigt till

rapport2Den här veckan blev väldigt intensiv eftersom slutprojektet i webbdesignkursen skulle lämnas in på torsdagen. I söndags hade jag inte påbörjat arbetet med vare sig webbkodandet eller rapporten. Men vi hade tidigare lämnat in en plan så strukturen och utseendet var så gott som klart.

På söndagkvällen satt jag 5 timmar, måndagkvällen 6,5 timme, tisdagkvällen 6 timmar  och onsdagkvällen 2 timmar. På söndagen gjorde jag ramverket medan syster Madde jobbade på med faktainnehållet. På måndagen la jag in innehåll på 5 delsidor och på tisdagen la jag in resten samt gjorde klart första utgåvan av rapporten. På onsdagen spikade jag rapporten och lämnade in, en dag tidigare än var utsatt. Jag är jäkligt stolt över att jag klarade av det trots att jag låg så hopplöst efter. Här är länken till Storuddens Gård.

Det jag hade kvar efter det stora projektet var en css-labb som jag gjorde det mesta av i torsdags kväll, den ska jag färdigställa idag. Sen ska vi redovisa vår webbsida, med en text på 200-400 ord, i början på januari, samt skriva ungefär lika mycket om några av våra klasskamraters webbsidor. Min egen text kan jag ju i alla fall förbereda i god tid.

Med 8 timmars arbete och 2 timmar restid varje dag förutom skolarbetet så förstår ni kanske att det inte blev någon tid över för motion men det ska vi råda bot på den kommande veckan istället.

Viktmässigt verkar jag ha legat stilla den här veckan, vi får väl se om det visar någon liten nedgång imorgon (min egentliga vägdag). Måttmässigt hade det i alla fall hänt saker så nu har jag faktiskt minskat 12 cm i midjan sedan sista oktober. Det känns ju rätt skönt måste jag säga.

På tisdag kommer dottern hem från Uppsala, hoppas tågen går precis som de ska. I övrigt är det sista arbetsveckan för året och innan jag får 16 dagar ledigt över jul och nyår! Ska bli så skönt med lite ledighet!

btmf.se

btmf.se har fått ny skrud. Jag har fört över de gamla html-filerna (à la 80-tal uppbyggd av tabeller) till en wordpressinstallation. Det är så knöligt att uppdaterad gamla html-filer som inte på något sätt följer webbstandard därför har jag bestämt att vi ska köra med ett bloggskript så man kan logga in och uppdatera från vilken dator som helst som har internet.

Jag är förvånad att wordpress på bara ett år utvecklats så mycket, nu är det mesta konfigurerbart. Mycket trevligt att jobba med även på egen installation.

Jag har försökt behålla strukturen från den gamla sidan och allt finns fortfarande kvar men det har fått ett, som jag själv tycker, lite modernare stuk. Kika gärna in och säg vad du tycker. Jag tar gärna emot synpunkter för framtida förbättringar.

btmf.se

btmf.se