Deze week is het exact twee jaar geleden dat ik van een ‘traditionele’ site ben overgestapt naar een weblog-achtig formaat. Dat is me goed bevallen, ik laat het voorlopig zo. Wat me in de loop der tijd echter minder is gaan bevallen, is het thema dat ik voor de site had gekozen.

Het was een leuk, speels thema, maar ik vond het langzamerhand toch wat te onrustig worden. Bekijk de homepage in het oude thema, als je nog eens wilt zien hoe dit er ook al weer uitzag. Ook was het lastig om in de CSS van het oude thema aanpassingen door te voeren en er waren enkele dingen die me niet bevielen (zoals het uiterlijk van hyperlinks in lijsten en de mix van Engels/Nederlands).

De afgelopen week heb ik daarom een nieuw basisthema gekozen en dit aangepast naar mijn eigen wensen. Voor de nieuwsgierigen: de naam van het thema is Interlude en het is oorspronkelijk ontworpen voor WordPress en daarna geport naar BlogEngine.NET (en daarna door mij weer geport naar deze site).

Ik wilde onder meer een thema dat:

• een rustiger, zakelijker uitstraling had dan het vorige ontwerp (BrightSide) ;
• waarbij het accent ligt op de inhoud van de berichten en je van links naar rechts lezend eerst de artikeltekst ziet en daarna pas de navigatiekolom met extra opties;
• de mogelijkheid heeft om widgets te gebruiken in de rechterkolom, zodat de functionaliteit eenvoudig uitgebreid kan worden (ik heb direct ook de blogsoftware ge-updated van 1.3 naar de huidige versie 1.6)

Ik heb nu gekozen voor een navigatiekolom aan de linkerkant rechterkant en daarnaast de gebruikelijke navigatie aan de bovenkant. Deze ben ik van plan de komende tijd nog uit te breiden met een aantal extra (statische) pagina’s.

Laat ondertussen eens weten wat je van dit thema vind. Is het een verbetering, of juist een verslechtering? Heb je nog meer tips om de leesbaarheid van deze site te verbeteren? Wil je meer, of minder onderdelen zien in de rechter (navigatie)kolom? Ik ben benieuwd naar jullie opmerkingen.

Peter Kassenaar
-- 08 februari 2010

Eind vorig jaar schreef ik in dit blogartikel dat ik door de dagelijkse hoeveelheid blogspam helaas genoodzaakt was om de reacties na 14 dagen automatisch te sluiten.

Kennelijk is het blogging-platform dat ik gebruik (Blogengine.NET) inmiddels zodanig populair geworden dat het voor spammers de moeite waard is gebleken om robots te programmeren die de ingebouwde anti-spambeveiliging omzeilen.

Oplossing?

De afgelopen tijd heb ik nagedacht over een eenvoudig te realiseren oplossing. En eigenlijk werd ik op het spoor gezet door de pagina toetsen van webrichtlijnen.nl die ik tegenkwam tijdens het schrijven van het Handboek Usability. Op deze pagina wordt onder elk formulier een simpele anti-spamvraag getoond. Zonder dat dit veld is ingevuld, wordt het formulier niet verwerkt.

Kennelijk is dit voor webrichtlijnen.nl voldoende om spambots te misleiden, misschien moet zo nu en dan even de ‘opgave’ van 1 + 1 worden gewijzigd in iets anders.

Eens kijken of dat ook op deze website gaat werken. Ik heb handmatig een simpel tekstveld en een paar regels JavaScript en C# toegevoegd aan de reactiepagina. Zie het voorbeeld onderaan dit bericht.

Om het wat moelijker te maken, heb ik wel de opgave veel ingewikkelder gemaakt dan 1 + 1. ;-)

Ook de reacties voor eerdere artikelen zijn weer geopend, ik wacht even af hoe het gaat. Mocht ik binnen afzienbare tijd weer ladingen spam binnenkrijgen, dan is mijn oplossing kennelijk niet geavanceerd genoeg en moet ik naar iets anders omkijken.

Liever geen Captcha

Persoonlijk heb ik echter een hekel aan die standaard Captcha’s waarbij je onleesbare woorden moet overtypen of andere rare dingen moet doen om je reactie geplaatst te krijgen (of zelfs maar een zoekvraag op een forum uit te voeren). Dus als het even kan wil ik dit soort componenten in mijn blog vermijden.

Test mijn formulier. Laat een reactie achter, waarin je vertelt wat je er van vindt en of je misschien een betere oplossing weet.

Peter Kassenaar
-- 01 februari 2010

Een van de leuke dingen van een blog is dat je commentaar kunt achterlaten bij de berichten die je leest.

Dat was ook mijn doelstelling (meer interactie) bij het starten van dit blog, medio februari 2008.

En ik moet zeggen – dat is aardig gelukt. Bij veel artikelen (totaal: inmiddels meer dan 100) staan nuttige toevoegingen van lezers, of werd ik gewezen op fouten in boeken.

Helaas heeft het blogsucces ook een keerzijde. Ook spamrobots hebben de reactiepagina ontdekt en vervuilen stelselmatig de berichten met niet ter zake doende berichtjes als ‘Nice site’, ‘I just discovered your blog and it’s awesome, blah, blah, blah’.

Dat lijkt de eerste keer nog leuk – het is immers een vriendelijke, positief gestelde tekst – maar als je het keer op keer, tientallen keren per week te lezen krijgt, zie je dat het niets meer is dan alleen een zielige poging om hun e-mailadres en website genoemd te krijgen op het weblog om zo hoger te scoren in de Google-rankings.

Op een willekeurige middag deze week zag mijn Inbox er bijvoorbeeld als volgt uit:

Het vervelende is echter dat ook iedereen die al eerder had gereageerd op een bericht en heeft aangegeven op de hoogte gehouden te willen worden van verdere updates dit soort mailtjes krijgt, met mijn blogadres als afzender. Oftewel: ik lijk zelf een soort spammer te worden – en daar pas ik natuurlijk voor.

Commentaar gesloten

Ik heb daarom – met pijn in het hart – moeten besluiten om het blog zodanig in te stellen dat de commentaren voor een bericht na 14 dagen automatisch worden gesloten.

Ik had al ingesteld dat commentaren eerst goedgekeurd moeten worden voordat ze op het blog verschijnen, maar met een paar honderd spam/blogberichten per dag is dat ook niet meer te doen.

Er zijn wel blogspamfilters ontwikkelt (iedereen kent wel de sites met reeksen onleesbare codes die je moet overtypen voordat je een commentaar mag plaatsen), maar die vind ik óf niet gebruikersvriendelijk genoeg, of ze worden ook aan de lopende band door robots gekraakt.

Mijn huidige blogsysteem (BlogEngine.NET, versie 1.3) biedt een soort automatische spambescherming, op basis van cookies en refferer, maar ook dit blijkt nu niet meer afdoende.

Voor nieuwere versies van BlogEngine zijn wel antispam-extensions ontwikkelt, maar ik heb nog geen tijd gehad om het blog te upgraden (liefst natuurlijk met behoud van eerder geschreven artikelen). Hopelijk kom ik daar snel aan toe.

Tot die tijd rest me echter geen andere oplossing dan commentaren snel te sluiten. Ik hoop dat je hier begrip voor hebt.

Heb je een tip, suggestie of andere opmerking? Laat het dan weten via een commentaar bij dit bericht. Maar doe het wel snel, want na twee weken kan het niet meer ;-).

Meer informatie

• Spam in blogs bij Wikipedia
• Artikel bij Dutch Cowboys

Peter Kassenaar
-- 11 december 2009

Met het verschijnen van Mozilla Firefox 3.5 enkele maanden geleden, beschikken nu alle grote browsers over een modus om 'prive' te browsen. Dit houdt in dat na afloop van een browser-sessie alle gegevens uit dit sessie verwijderd worden van de computer. Er blijven dus geen sporen achter op de computer. Geen cookies, geen wachtwoorden, geen site-instellingen en geen cache.

De prive-modus van de browser werd al snel omgedoopt tot 'pornoknop'. Dit natuurlijk omdat het handig is dat op de (thuis-?) computer na afloop van een bezoekje aan sites met minder geschikt materiaal voor al te jeugdige kijkers (of een nietsvermoedende partner) geen sporen hiervan op de computer achterblijven. Handig.

Op de volgende manier wordt de prive-modus geactiveerd in de drie grote browsers van dit moment:

• Internet Explorer – klik op de knop Beveiliging en kies InPrivate-navigatie (of druk op Ctrl+Shift+P) om een nieuw venster in de mode InPrivate te openen.
• Google Chrome – druk op Ctrl+Shift+N om een nieuw browservenser in de mod InPrivate browsing te openen.
• Mozilla Firefox – Druk op Ctrl+Shift+P (Command+Shift+P op de Mac) om een nieuw browservenser in de modus Privenavigatie te openen.

Figuur 1: Prive-browsen wordt aangegeven met een extra pictogram of melding in de titelbalk

Hoewel de prive-modus door velen ongetwijfeld gebruikt zal worden om het bezoek pornosites te verdoezelen, zijn er ook situaties denkbaar waarin deze modus daadwerkelijk nuttig van pas komt. Ik noem er drie:

1. Openbare computers

Als je surft op een openbare computer, bijvoorbeeld in een hotel, bibliotheek of in een internetcafé is het reuze handig als je zeker weet dat er na het verlaten van de computer geen sporen van je bezoek (webmail, wachtwoorden) achterblijven op de computer. Start een browservenster in privémodus voordat je aan het werk gaat en zorg er voor dat alle vensters weer gesloten zijn als je de computer verlaat. Zo weet je zeker dat iemand die na jou de computer gebruikt niet op de een of andere manier met jouw gegevens aan de haal kan gaan.

2. Geen webgeschiedenis bijhouden

Iedereen weet dat Google veel meer is dan alleen een zoekdienst. Met een Google account kun je je mail, agenda, reader, persoonlijke startpagina (iGoogle) en ook je surf-/zoek- en webgeschiedenis bijhouden. Ik doe dat. Zo heb ik mezelf al menigmaal veel tijd bespaard. Hoe vaak komt het niet voor dat je zeker weet dat je een bepaalde website hebt bezocht, maar je weet niet meer precies de naam of het adres? Welkom Google Zoekgeschiedenis. Door te zoeken in je eigen surfhistorie (vaak weet je nog wel ongeveer op welke dag of met welk trefwoord je de site hebt gevonden) heb je meestal vrij snel de gezochte site weer gelokaliseerd.

Maar tegelijkertijd wil ik niet dat mijn surfgeschiedenis 'vervuild' wordt met sites die ik voor mijn werk bezoek, of voor het schrijven van een boek. Als ik in een boek een hoofdstuk schrijf waarin verschillende wijnwinkel-sites worden gebruikt als voorbeeld, hoef ik niet al die sites in mijn zoekgeschiedenis terug te zien.

Dus start ik een privésessie en zoek daarin alle wijnsites op. Maak de nodige screenshots en sluit de browser weer. Handig.

3. Ontwikkeling / programmeren

Als je veel websiteontwikkeling en programmeerwerk doet, is het handig om sites telkens vanaf het nulpunt te testen. Zonder dat er al eerdere cookies of instellingen op de computer aanwezig zijn, of dat je steeds handmatig de browsercache moet legen. Hiervoor is de privemodus supergeschikt.

Je opent even een private-browsingvenster en opent dan pas de site die je aan het ontwikkelen bent. Op de live-server of de testserver, dat maakt dan niet meer uit. Je ziet telkens de site zoals een anonieme bezoeker hem ook voor de eerste keer zal zien.

Conclusie

InPrivate browsing is zeker een nuttige toevoeging aan de huidige generatie browsers. Niet alleen worden geen sporen opgeslagen van sitebezoek dat je liever niet bewaard wilt zien, maar ook voor serieuze doeleinden is het gebruik van deze browserstatus erg praktisch.

Let op: als het echt om privégegevens gaat, houdt er dan rekening mee dat sitebezoeken en –statistieken niet alleen op je eigen computer worden opgeslagen. Ook in je router en bij je ISP kan (en zal!) je surfgedrag worden bijgehouden. InPrivate browsing is niet geschikt om je volkomen anoniem over internet te bewegen.

Peter Kassenaar
-- 01-03 september 2009

Vandaag is het Handboek (X)HTML, CSS en JavaScript verschenen. In dit handboek leert u vanaf het nulpunt hoe een website wordt opgezet en welke technieken daarbij worden gebruikt. U leert hierbij zelf de codes schrijven voor webpagina. Het boek gaat hierbij niet uit van een visuele editor, zoals Adobe Dreamweaver of Microsoft Visual Studio. In plaats daarvan gaat u zelf met de code aan de slag, zodat u maximale grip hebt op het eindresultaat. U weet na afloop van dit boek precies wat nodig is om een moderne website te ontwerpen en kunt websites van anderen doorzien.

In de inleidende hoofdstukken worden de drie technieken kort voorgesteld. In de overige hoofdstukken worden de technieken altijd geïntegreerd toegepast. Het boek werkt hierbij case/oplossingsgericht. In het hoofdstuk over formulieren wordt bijvoorbeeld de HTML-code besproken om het formulier in te stellen, maar direct ook de CSS-code om het formulier op te maken en JavaScript-code om formuliervelden te valideren.

Specificaties

• Boek, paperback, 480 pagina's.
• Geschikt voor Windows en Macintosh
• Geschikt voor opleidingen en zelfstudie.
• ISBN-13: 978-90-5940-414-4 (9789059404144)
• Prijs: EUR 29,90
• Voorbeeldhoofdstuk beschikbaar op Yindo

Van de flapekst:

"(X)HTML, CSS en JavaScript vormen de drijvende kracht achter de hedendaagse website. Niet alleen kennis van deze onderdelen, maar ook van de onderlinge interactie is van cruciaal belang om een gelikte, gebruiksvriendelijke en moderne website te ontwikkelen. In het Handboek (X)HTML, CSS & JavaScript laat internetexpert Peter Kassenaar u zien hoe u gebruikmaakt van genoemde technieken, maar vooral ook hoe u ze optimaal laat samenwerken. Het resultaat is een website die zich aan de huidige webstandaarden conformeert en in alle gangbare browsers optimaal presteert."

Beknopte inhoudsopgave

Tot de behandelde onderwerpen behoren:

• Beginnen met HTML
• Kennismaken met CSS
• JavaScript in een notendop
• Koppelingen maken
• Werken met HTML-lijsten
• Verschillende mediatypen op de site gebruiken
• Werken met HTML-tabellen
• Pagina's opmaken met CSS-lagen
• Werken met formulieren
• Technieken met JavaScript
• De site publiceren op het web

Oefenbestanden

In het boek staan tal van oefeningen om zelf met HTML, CSS en JavaScript aan de slag te gaan en direct uw eigen website op te zetten voor school, vereniging, onderneming of hobby. Het is typisch een boek om naast het toetsenbord te leggen en zelf mee oefenen.

HtmlCssJavaScriptOefenbestanden.zip (1,0 MB)

De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan de oefenbestanden gerangschikt in afzonderlijke zip-bestandjes per hoofdstuk.

Hebt u het boek gelezen en hebt u er opmerkingen over ter verbetering van een eventuele volgende druk? Of wilt u andere lezers laten delen in uw ervaringen? Laat dan een bericht achter onder dit artikel.

Bestellen

• Bestellen bij computerboek.nl
• Bestellen bij bol.com

Peter Kassenaar
-- 29 juni 2009

(PS: in aanvulling op het bloggen ben ik sinds kort ook actief op Twitter, voor korte berichten en handige links. Je kunt me volgen via http://twitter.com/PeterKassenaar (@PeterKassenaar is mijn Twitternaam).