ZOMDir > BlogNL

maandag 13 april 2015

Wordpress perikelen

Laatst heb ik me toch eens op Wordpress gestort. Dit omdat het zo gemakkelijk zou zijn om daar een knappe website mee te maken. Hmm, dat vond ik een beetje tegenvallen. In eerste instantie lijkt het er namelijk op dat je erg afhankelijk bent van bestaande templates. Op zich geen probleem natuurlijk, maar ... elk template heeft zo zijn onhebbelijkheden.

Ik vond het niet meevallen om een thema te vinden dat goed configureerbaar was en precies datgene laat zien dat ik er van verwacht.


Kwalitatief slechte code

Kijkend naar de HTML code die wordt gegenereerd schrok ik me helemaal het laplazerus. Wat een hoop code wordt er gegenereerd en wat een hoop requests zijn daarvoor benodigd zeg. En laat ik het dan maar niet eens over de kwaliteit van de code hebben. Vaak diep triest.

Na een paar thema's te hebben geprobeerd stond ik het op het punt om het op te geven. Gelukkig ontdekte ik net het fenomeen "blank theme". Dat zijn wordpress templates zonder al te veel toeters en bellen. Erg prettig als je HTML en CSS een beetje machtig bent.



Sandbox to the rescue

Op basis van het al wat oudere sandbox theme lukte het me veel sneller om wat voor elkaar te boxen dan met alle andere themes die ik heb uitgeprobeerd. Blijkt maar weer eens dat de kracht van eenvoud niet moet worden onderschat.

Mocht je overigens suggesties hebben voor ander gratis "blank theme", dan houd ik me aanbevolen.


Groeten,

Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare


maandag 30 maart 2015

Doe de noscript tag in de ban

Laatst kwam ik er achter dat Wave een Alert geeft als er een <noscript> tag wordt gebruikt.

Dat verbaasde me enigszins. Ik had nog steeds in mijn hoofd dat dat gewoon nette code was.

Wave stelt echter:
A <noscript> element is present. Content within <noscript> is presented if JavaScript is disabled. Because nearly all users (including users of screen readers and other assistive technologies) have JavaScript enabled, <noscript> cannot be used to provide an accessible version of inaccessible scripted content.

Sterker nog, het gebruik van de
<noscript> tag zou eigenlijk helemaal niet nodig moeten zijn als je website opgezet is volgens Progressive enhancement. Het idee is dat je dan uitgaat van de meest simpele webpagina welke door alle oude browsers correct kan worden getoond. Vervolgens voeg je hier extra's aan toe zonder de basisfunctionaliteit in gevaar te brengen.

Het World Wide Web Consortium stelt zelfs dat het lomp is om de
<noscript> tag te gebruiken.
The noscript element is a blunt instrument. Sometimes, scripts might be enabled, but for some reason the page's script might fail. For this reason, it's generally better to avoid using noscript, and to instead design the script to change the page from being a scriptless page to a scripted page on the fly.

Het is dus beter om met Javascript de pseudo noscript code te verwijderen, dan een <noscript> tag te gebruiken. Bijvoorbeeld aan de hand van onderstaande code:

<span id="noscript">The basic functionality you want to offer...</span>
<script type="text/javascript">
/* Remove the <noscript> code */
var noscript = document.getElementById('noscript');
noscript.parentNode.removeChild(noscript);

/* Your enhanced code, to give a better user experience */
/* ... */
/* ... */
</script>


Zie ook het voorbeeld "Noscript without <noscript>".

Weer wat geleerd.

Nog een leerpuntje is dat spammers in het verleden misbruik maakten van de <noscript> tag. Google negeert dan wel wantrouwt noscript code. Nog een argument dus om de <noscript> tag niet meer te gebruiken.

Groeten,
Hans
--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 23 maart 2015

Onleesbare webpagina's toch lezen

Een van de subprojecten waar ik in in het kader van het ZOMDir project aan heb gewerkt was de Setextbrowser. Dit omdat ik voor ogen had het toevoegen van een nieuwe link zo eenvoudig mogelijk moest zijn.  In principe zou één invoerveld, voor het adres van de link, genoeg moeten zijn.

Na het opgeven van een nieuwe link zou dan automatisch de ankertekst en de tooltip tekst van de link moeten worden bepaalt op basis van respectievelijk de title en de description van de te linken webpagina.

Een groot probleem was indertijd dat ik geen idee hoe ik de tekst van een webpagina moest lezen, hetgeen reden genoeg was om de Setextbrowser te maken. Het idee daarvan was simpel:

Lees een webpagina in en toon deze vervolgens in het Setext formaat.


Onleesbare webpagina's toch lezen

In de praktijk niet alleen een leuke vingeroefening. Het is nog verdomde handig ook. Zo gebruik ik de Setextbrowser als:
  • ik een hele slechte draadloze internet verbinding heb (de Setextbrowser reduceert het aantal bytes dat moet worden opgehaald aanzienlijk);
  • de site die ik wil lezen slecht te lezen is (weinig contrast, veel reclame, blokkerend javascript, niet geschikt voor mobiel...);
  • mijn werkgever, in mijn ogen ten onrechte, een website heeft geblokkeerd en ik meen deze toch te moeten lezen voor mijn werk.
Recent, met dank aan Jules Ernst, heb ik de Setextbrowser ook min of meer geschikt gemaakt voor het raadplegen van tabellen. 

Dus kom je een keer een niet lekker werkende website tegen, bekijk hem eens met de Setextbrowser. Wellicht kan je dan wel lezen wat er staat.

Gegroet,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

zondag 15 maart 2015

15000 links

Leuk. 15-3 (15 met drie nullen) staan er 15000 links op ZOMDir.



--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 9 maart 2015

Browsersize at a Glance

Gedurende het ZOMDir project liepen er meerdere subproject(jes). 

Eén daarvan is Browsersize at a Glance. In feite een hele simpele website die aangeeft hoeveel ruimte er beschikbaar is voor een webpagina. Dat is handig om een idee te krijgen waar je voor responsive website designs eventueel een breekpunt moet plaatsen.

Beperk het aantal breekpunten

In de praktijk wil je zo min mogelijk breekpunten. Immers elk breekpunt erbij, betekend een extra ontwerp voor je website. Voor de websites behorende bij ZOMDir worden er meestal 3 en soms 4 ontwerpen gemaakt (bij voorkeur zo minimalistisch mogelijk). 

De praktijk leerde mij dat minimaal een ontwerp moet worden gemaakt voor:
  • Computer schermen smaller dan 730 pixels;
  • Computer schermen breder dan 730 pixels
  • De printpagina

Tip: Mocht je een website willen laten ontwerpen. Vraag dan altijd om de drie bovenstaande ontwerpen in plaats van één ontwerp. 

De keuze van 730 als breekpunt is enigszins arbitrair al vond ik het wel handig dat deze ergens ligt tussen de breedte van een smartphone en die van een tablet.

Een iPhone 4S (portrait mode) is 320 pixels breed. Een iPad (landscape) is 768 pixels breed.

Tot slot. Als je je afvraagt waar een vierde ontwerp goed voor is. Dat is vaak voor de televisie, of voor hele smalle schermpjes zoals dat van de Nintendo DSi.

Succes maar weer met je website,
Hans

N.B. Browsersize at a Glance maakt gebruik van Javascript en is daarmee één van de weinige websites van ZOMDir die echt niet zonder Javascript kunnen.

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 16 februari 2015

Waarom startpagina's zo'n slechte naam hebben

Startpagina's hebben bij velen een slechte naam, en eerlijk gezegd snap ik dat ook wel. Er zit heel veel kaf tussen het koren en zelfs het meeste koren is aan het rotten.


Het kaf

Onder het kaf versta ik alle "fly-by-night directories" die ontstonden nadat Google ooit aangaf dat het gunstig was om een link te krijgen in een directorie. Zie hieronder wat Matt Cutts in 2009 te vertellen had over directories. De term "fly-by-night" wordt overigens rond de 1:18 gebruik.

 


Je zou denken dat de meeste startpagina klonen inmiddels wel zijn opgedoekt. Google is immers steeds slimmer geworden en stuurt veel meer op content en kwaliteit. Dat betekend dat ook een startpagina aantoonbaar meerwaarde zou moet bieden aan haar gebruikers.

Er zijn echter nog heel veel startpagina klonen. Als je even rondstruint op een site als sitedeals.nl dan snap je ook waarom. Veel startpagina klonen worden gebruikt voor ABC linkruil. Komt nog eens bij dat dat relatief goedkoop te realiseren is. Je koopt een oude domeinnaam met een hoge (maar verouderde) PageRank en middels een standaard PHP script heb in een mum van tijd je eigen "fly-by-night" directorie draaien.

Dergelijke startpagina's hebben totaal geen meerwaarde voor websurfers zoals jij en ik, en Google weet dat. Dat is overigens de reden dat een link op een (dergelijke) startpagina inmiddels -vanwege de veelal beroerde context- gezien wordt als een slechte link in plaats van een goede link.

Zoals ik al in één van mijn eerste blogs schreef:

Submit a link to a directory? Think twice.

Met andere woorden, zorg ervoor dat jouw link omringd is door andere relevante links.


Het rottende koren


Er zijn gelukkig ook nog redelijk wat startpagina's welke een betere intentie hebben dan ABC linkruil. Sites als Startpagina.nl, b9.nl en DMOZ.org (nu Curlie.org) zijn opgezet om echt meerwaarde te leveren aan hun gebruikers. Deze sites werken met een redactie welke vaak voor een groot deel bestaat uit al dan niet betaalde vrijwilligers.

Dat werken met een redactiemodel kon in de begindagen van het internet nog wel, maar het aantal websites is zo toegenomen dat zelfs DMOZ het met ruim 90.000 redacteuren al lang niet meer bij kan houden. Het gevolg hiervan is dat deze directories heel veel websites missen, maar ook dat ze relatief veel linkrot kennen.

Ook al zijn deze directories met de beste bedoelingen opgezet, ze kunnen een goede gebruikerservaring al lang niet meer garanderen. Het aantal bezoeken aan Startpagina.nl neemt dan ook sterk af.


Startpagina's zijn dood, leve de nieuwe startpagina's


Startpagina's in de huidige vorm zullen onvermijdelijk verdwijnen. Neemt niet weg dat er nog steeds behoefte is aan handige lijstjes. De toekomst is dan ook aan startpagina's welke afstappen van het redactiemodel.

Indachtig de Franse tekst Le roi est mort, vive le roi! denk ik dat de nieuwe koning een startpagina zal zijn die het redactiemodel heeft losgelaten. Wie het weet mag het zeggen. Zal ZOMDir.com ooit koning zal worden?

Met optimistische groet,
Hans


--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 9 februari 2015

10 redenen waarom we van lijstjes houden

Ondanks dat de harde cijfers suggereren dat Startpagina.nl geen toekomst meer heeft, geloof ik nog steeds in het startpagina concept. Voorwaarde is wel dat deze niet afhankelijk is van een redactie.

Eén van de belangrijkste vragen met betrekking tot startpagina's is:


Waarom zou je nog een startpagina gebruiken?

Het antwoord is simpel. Omdat we van lijstjes houden.

Dat leidt meteen tot de volgende vraag:



Waarom houden we van lijstjes?

Dat antwoord is wat minder simpel. Simpelweg omdat er meerdere redenen voor zijn. Het beste kan ik ze voor je in lijstjes zetten ;-)

Een lijst is:
  • Uitnodigend
    Je hersenen kunnen informatie in lijstjes eenvoudig verwerken. Lijstjes bevatten namelijk meestal heerlijk kleine behapbare stukjes. Hierdoor ontstaat onbewust het idee: "Ja, daar kan ik wat mee."
  • Laagdrempelig
    Doordat lijstjes vaak uit korte stukjes tekst bestaan is het een kleine stap om met het eerste item wat te doen
  • Ordelijk
    Lijstjes stimuleren om georganiseerd te werk te gaan. Met een lijst is het vrij eenvoudig na te gaan welke punten je al hebt gehad en welke nog niet
  • Bevredigend
    De mens is geneigd om af te maken waar hij aan begonnen is. Voor lijstjes betekend dit dat het afhandelen van de eerste items (de eerste links bekijken) automatisch tot gevolg heeft dat je alle items wilt afhandelen. Een compleet afgehandeld lijstje geeft een goed gevoel
  • Inzichtelijk
    Lijstjes geven snel inzicht in zaken de je al kent en zaken die nieuw voor je zijn
  • Overzichtelijk
    De lengte van een lijst is vaak een goede indicatie hoe lang je bezig zal om de lijst door te nemen. Doordat je weet waar je aan toe bent wordt de drempel om ermee aan de slag te gaan weggenomen

Naast bovenstaande punten geldt ook nog eens het volgende. Het maken van een lijst is:
  • Eenvoudig
    Lijstjes zijn, al sinds jaar en dag, een ideaal hulpmiddel om dingen te categoriseren
  • Leerzaam
    Het maken van lijstjes helpt je om zaken beter te begrijpen en helpt je ook om de punten genoemd in de lijst gemakkelijker te onthouden
  • Stressverlagend
    Het maken van lijstjes helpt tegen stress en helpt je je gedachten te verzetten

Gezien bovenstaande punten is het niet gek dat lijstjes van alle tijden zijn. Umberto Eco stelt zelfs: "De lijst is de oorsprong van de cultuur".


Last but not least


Naast deze 9 redenen waarom we van lijstjes houden is er nog een heel belangrijke 10e reden dat we van lijstjes houden. Een lijst is:

  • Eindig
    Alleen al het feit dat je weet dat het een lijst een einde heeft maakt dat het werken ermee je een goed gevoel geeft. Je bent immers ergens naar toe aan het werken. Namelijk naar het het ...

    Einde

Hans