De geschiedenis van deze website

Op 1 juni 2007 was ik 12,5 jaar in dienst. Ik kreeg van mijn collega's een leuk geldbedrag. Ik dacht: wat zal ik met dat geld doen? Ineens had ik het: ik ging er een website voor kopen. Ik wist echter nog niet hoe dat moest, dus googlen hoe ik een website kon kopen. Ik kwam erachter dat ik geen website kon kopen, maar een domeinnaam. op 18 juni 2007 heb ik de domein naam ballpinnetje.nl geregistreerd.

Toen kwam het volgende om de hoek kijken: hoe maak ik inhemelsnaam een website? Ik had natuurlijk wel gekeken naar webdesignprogramma's maar dat vond ik niks. Wordpress bestond toen al maar was toen meer een blogsysteem. Ik las iets over HTML, CSS, JavaScript, PHP, allemaal termen waar ik nog nooit van had gehoord. Ja, van HTML en Javascript, maar wat ze er nu precies mee bedoelden, begreep ik op dat moment nog niet. Ik heb de hulp ingeroepen van destijds een vriendin van één van mijn broers want die deed dat als hobby.

Die heeft op 1 avond uitgelegd wat html inhoudt en wat CSS, PHP en javascript precies doen en uitgelegd wat de basis is voor een html pagina. In het kort komt het erop neer dat html de basisstructuur vormt van een webpagina zoals je die ziet wanneer je op internet komt. Je kunt het vergelijken met een huis: HTML is de bouwconstructie, CSS bepaalt de vormgeving.

met JavaScript maak je beweging en interactie. PHP werkt achter de schermen en regelt wat er moet gebeuren. En weet je wat het mooiste is? Al deze kodes kun je eenvoudig zelf maken in het kladblok op je pc of laptop... Voor de leken onder ons: vergeet wat ik net zei, maar voor mij ging het avontuur wel beginnen op dat moment.. Want die codes.. ja, dat is oefenen, eindeloos oefenen en spelen om uiteindelijk iets te creëren.

Afijn, na veel passen en meten, opbouwen en weggooien had ik begin september 2007 een eerste resultaat (zie de foto hieronder). Ik was best wel trots. En alhoewel ik nog niet alle codes meteen begreep, vooral Javascript, werd voor mij steeds duidelijker hoe het als een geheel werkt. En ook hoe je , als je een komma of een haakje vergeet de hele pagina niet werkt, en je dat foutje niet kunt vinden..

Maar ik kreeg steeds meer plezier in het 'bouwen' en vooral in de structuren en opbouw. En ik probeerde toen ook al met zo weinig mogelijk middelen en zo mooi mogelijke site te maken. In januari 2008 had ik een volgende ontwerp gemaakt. Zie onderstaande foto. Let vooral ook op het foute jaartal (!)

Na dit ontwerp ontstond het idee om in paint zelf alle pictogrammen te ontwerpen met alle bijbehorende thema's en was ik ook in staat om een 'gloed'aan te brengen in het middenblok. Ik was erg bezig met blokkenstructuur. Zie onderstaande tekening.

Het volgende ontwerp 2 maanden later. Ik weet nog dat die periode er vooral 1 was van: wat kan ik allemaal; ik keek nog niet echt naar de gebruiksgemak. het was experimenteren met de kennis van toen. Ik experimenteerde voor het eerst met afgeronde hoeken. Toen waren er nog niet codes zoals we die nu hebben en elke webbrowser reageerde anders op de site. De site was ook statisch gemaakt, wat wil zeggen dat ik alles vanuit dat blok regelde of beter gezegd alles navigeren vanuit 1 veld. Daar werd ik gaandeweg steeds beter in. In deze periode kwamen ook de eerste echte grote modellen smartphones uit en werd het een uitdaging om deze behalve op pc en laptop ook daar goed zichtbaar in te krijgen.

Het bleek toch te lastig (te weinig kennis en de ontwikkelingen gingen toen ook al razendsnel) op dat moment om voor alle devices (pc, laptop, tablet en mobiele telefoons) een passend ontwerp te maken dus ik heb op dat moment besloten om alleen maar bezig te gaan met een site bouwen voor pc. Wordpress kwam steeds meer op en ook joomla, maar ik weiger (en dat doe ik nog steeds) om met frames te gaan werken. Het grote voordeel van mijn manier van werken is, dat ik heel weinig ruimte nodig heb om op de server te zetten en ik had toen ik de domeinnaam kocht een schijf van 250 mb. Dat was destijds best veel. hieronder het 5e en 6e ontwerp eind december 2008.

vanaf dit ontwerp besloot ik om de ontwerpen die ik had gemaakt met paint met rust te laten en wat meer met tekst te gaan werken en de opbouw anders te doen. Tot ik na een week besloot om het nog weer anders te doen. zie onderstaande foto.

Persoonlijk vind ik dit 6e ontwerp nog steeds de mooiste statische site die ik gemaakt heb; hij is echter alleen goed zichtbaar op pc, en dat komt dus omdat de site 'vast' staat. hij staat op 1 punt. hij is in Chrome anders te zien dan in firefox en weer anders in edge om over safari maar niet te spreken haha.. dat maakt deze site zo bijzonder; want hij is namelijk nog steeds goed zichtbaar in een huidige webbrowser en we praten over 17 jaar verder.

Dit ontwerp heeft meer dan een jaar gestaan. ik was er tevreden over tot het moment dat ik besloot om (toch) een website te maken met behulp van een webdesign programma. Ik heb daar 2 ontwerpen mee gemaakt. zie boven en onderstaande foto's. Dat was dus de periode 2010/2011.

In 2011 besloot ik toch maar weer om een website te maken op basis van code. Zie onderstaande foto.Deze site heeft er gestaan tot eind 2013, begin 2014.

Daarna heeft de site er heel lang uitgelegen. Ik kreeg ander werk, andere interesses en is de site offline gehaald en vervangen door 1 pagina met werk in uitvoering. Af en toe keek ik nog wel of de pagina voldeed aan de standaarden. Pas eind 2024 begon het ineens weer ontzettend te kriebelen en vroeg ik me af waarom ik toch ook alweer een website had? toen onstond vervolgens deze site. Zie hieronder

Ook deze versie was een statische versie alleen wel aangepast aan deze tijd. De technieken zijn ontzettend verbeterd en met behulp van AI heb ik deze site gemaakt en kon ik hem ook in een mobiele versie goed laten zien. Zie de foto hieronder.

Alleen ik had 1 groot probleem: alles werkte vanuit 1 beeld en vanuit dat beeld kon je wel scrollen maar ik vond m te ouderwets. Bovendien leek elk stuk wel een blog, niks mis mee maar het werd gewoon 1 heel lang stuk. Ik wilde nu een dynamische website, met een totaal andere architectuur, wel modern en licht (qua snelheid en hoeveelheid data) en moet over 5 jaar ook nog meekunnen. Uiteindelijk is het dit ontwerp geworden (zie onderstaande foto) . Op het moment van schrijven (23 september 2026) bestaat de site uit een kleine 80 pagina's met foto's en stijlbladen erbij gerekend nog geen 35 mb! En groeiende in ontwikkeling.