Hero Image

cutting edge webdesign met

Wide Open Windows

 

 

 

 

Sinds 1997

“Want ik ken niks leukers”

moi Je wilt een website, maar weet niet hoe er aan te beginnen? Het is ook best een heel gedoe, ook al doet men tegenwoordig net alsof het allemaal een peulenschilletje is. De technieken volgen elkaar nog steeds op en ik word er alleen maar enthousiaster van... Al meer dan twintig jaar.

Een van mijn eerste websites maakte ik in 1997 voor een organisatie die zich 'The Headless Way' noemt. Ik leerde mezelf HTML (de basiscodetaal van het web) door de brontekst van andere websites te kopiëren en aan te passen. Mijn eerste pogingen zagen er natuurlijk niet uit en in die tijd moest je ook nog zorgen voor twee verschillende versies van elke pagina, een voor Netscape en een voor Internet Explorer (in die tijd beide versie 3.0 als ik mij goed herinner). De 'browser wars' liggen gelukkig ver achter ons en verschillen tussen de diverse browsers zijn nu gelukkig miniem, maar het blijft een terrein waar de ontwikkelingen nog steeds razendsnel gaan.

Na het leren van HTML kwamen het maken van stijldefinities met CSS en interactiviteit toevoegen met JavaScript. En vervolgens natuurlijk het werken aan websites die ook op mobiele telefoons en tabletcomputers er goed uitzien en goed functioneren. Daarnaast het leren werken met een Content Management System (CMS) dat gebruik maakt van een database om de inhoud van de diverse pagina's in op te slaan en zodoende het mogelijk maakt dat iemand, die geen verstand heeft van het werken met code, ook in staat is om de pagina's te beheren, inclusief de administatie van gebruikers, het maken van backups en het aanbrengen van beveiligingen. Het systeem wat ikzelf uitgebreid heb leren kennen is Drupal. Ondertussen worden de meeste sites gebouwd met het CMS WordPress dat overigens óók gebruik maakt van een database.

Na een tijd 100% als zelfstandige gewerkt te hebben ben ik halftijds voor een bedrijf in computeropleidingen gaan werken. Ik gaf daar al een hele tijd les in grafische systemen, zoals Photoshop, en dergelijke en ik kende het bedrijf zeer goed. Ik werd ook verantwoordelijk voor het opzetten, ontwerpen en beheren van de complexe bedrijfswebsite. Ook deze site werkte met Drupal, een van de meest robuuste en goed beveiligde systemen.

En toch hebben we het meegemaakt dat de site gecompromitteerd werd en zonder dat we het (in het begin toch) in de gaten hadden ook gebruikt werd als online apotheek! Het heeft weken geduurd voor we de boel weer helemaal opgeruimd hadden...

Na mijn pensionering en emigratie naar Spanje wilde ik een tijd lang niet meer verantwoordelijk zijn voor websites van klanten. Maar het bloed kruipt natuurlijk waar het niet gaan kan. Ik ben na een jaar begonnen met het bouwen van een website voor de Nederlandstalige gemeenschap in de streek waar wij wonen. Ik wilde geen sores meer hebben met gehackte databestanden en koos voor een CMS-systeem dat juist niet werkt met een database. Mijn keuze viel op GRAV CMS en ondertussen heb ik zowel mijn eigen sites als die van een paar anderen in dit systeem gebouwd of omgezet. Ik ben dolenthousiast en vind het echt leuk om hiermee te werken. Grav is bijzonder veelzijdig, razendsnel, uiterst professioneel en is Open Source met een actieve, enthousiaste online gemeenschap die meewerkt aan de ontwikkeling.

Dus: mocht je ook belangstelling hebben in het laten maken van een website, neem dan gerust contact op - want ik ken inderdaad niks leukers om te doen

By the way: mijn persoonlijke site, 'Living without answers' vind je voortaan hier.

Portfolio

Wide Open Windows is verantwoordelijk geweest voor het ontwerpen en bouwen van enkele honderden sites in de periode van 1997 tot nu. Veel van die sites zijn ondertussen verdwenen, overgenomen of verbouwd door anderen. De sites die je hier aantreft in deze portfolio zijn nog steeds te bezoeken en de meesten zijn springlevend, terwijl sommige zelfs nog in ontwikkeling zijn!

Nerd stuff

Het technische verhaal

Om sites te maken maak ik gebruik van een aantal programma's die misschien niet direct voor de hand liggen. Het overgrote merendeel van sites (meer dan 60%!) wordt tegenwoordig gemaakt met het Content Management System (CMS) Wordpress. En beeldbewerking wordt veelal gedaan met Adobe Photoshop. Hier zitten diverse nadelen aan:

Wordpress, en soortgelijke CMS'en als Drupal en Joomla maken gebruik van een database om de inhoud van de pagina's, het menu-systeem, de toegang tot de site en andere onderdelen in op te slaan. En zo'n database is kwetsbaar. Praktisch iedereen die een tijd met dergelijke sytemen heeft gewerkt heeft al eens te maken gehad met hacking. Soms merk je daar vrij weinig van. Misschien dat de site ietsje trager geworden is, maar in feite is de site nu bijvoorbeeld een onderdeel van een online apotheek geworden (persoonlijk meegemaakt!). Enorm gedoe om daar weer vanaf te komen! Daar komen nog bij de talloze plugins die door derden worden gemaakt en die lang niet altijd veilig genoeg zijn.

Een database maakt een site ook nog eens een stuk langzamer!

GravIk werk zeer graag met het gratis, open source 'flat file' CMS Grav waarmee je zonder database toch een dynamische site kan bouwen. Dit betekent dat alle bestanden eenvoudigweg geüpload en gemakkelijk vervangen kunnen worden in geval van nood. Je kunt in de admin-omgeving van het systeem online je pagina's aanmaken en alles instellen, maar ik werk liever offline en direct in code. Wat die code zelf betreft kan in plaats van het wat onhandige HTML ook het veel simpelere Markdown gebruikt worden, zelfs doorelkaar. De pagina's zet ik dan online via het FTP-programma FileZilla. Voor het werken met code gebruik ik Sublime Text 3. En om de pagina's offline te beoordelen gebruik ik de Laragon webserver. Als offline alles er in diverse browsers en apparaten OK uitziet gaat de pagina online...

En dan de beeldbewerking. Photoshop heeft als nadeel dat het gewoon heel erg duur is en met een abonnement-systeem werkt. Verder is het programma traag, niet erg intuitief en het bevat zeer veel commando's die maar door zeer weinig mensen gebruikt worden.

Affinity Photo Geen Photoshop dus, maar Affinity Photo, dat je voor 55 euro, of zelfs minder, kunt aanschaffen. Geen abonnement en de updates zijn gratis. Je betaalt pas weer bij upgrading naar een nieuwe versie. Het programma laadt en werkt bliksemsnel en is zeer intuitief opgebouwd. Tegelijkertijd bevat het praktisch alle functionaliteit van Photoshop (en met dezelfde shortcuts), maar zonder de bloatware van Adobe!

Meer weten?

Neem contact op

© 2021 Ton Haarmans | Wide open Windows

Post address: Av. Daniel Gil 23, box 183 | 46870 Ontinyent, Spanje.
Tel: +34 697 224 173
Email: haarmanston[at]gmail[dot]com