Roelofs Coaching

...voor een open kijk

Design van een klimwoordenboek

Het klimwoordenboek dat ik ooit eens heb gepubliceerd in Limits, een klimtijdschrift, heb ik verder uitgebreid en toegankelijk gemaakt via internet: Klimwoordenboek Frans & Engels.


Kolommen en uitlijning

De idee was het op een echt woordenboek te laten lijken. Daarom is de opmaak in een soort doorlopende kolommen. De tekst staat in twee kolommen naast elkaar, waarbij via een trucje de linkerkolom, waar die onderin het scherm het beeld uitloopt, rechtsboven verder gaat. De regels zijn daarbij uitgelijnd. Dit alles is gedaan om de leesbaarheid te vergroten.

Om de opmaak goed voor elkaar te krijgen is Javascript gebruikt. Voor de uitliijning is het nodig de lijnhoogte in pixels te weten, en dat de lijnhoogte (ook bij superscript, wat in mijn woordenboek vrij veel voorkomt) constant is. In andere browsers dan Internet Explorer bleek dat lastig, daarom zijn in die browsers enkele 'features' (waaronder de doorlopende kolommen) uitgeschakeld.

Het is leuk om te zien dat het, ondanks dat het een oud design is, er nog best goed uitziet en dat een van de belangrijkste doelen destijds, de schaalbaarheid (ik werkte toen nog op 800x600), nog steeds gehaald wordt. Ook op mijn nieuwe beeldscherm van 1920x1200 ziet het er goed uit.

Ter oefening heb ik recent enkele features toegevoegd. Een die tekst in de marge boven en onder onzichtbaar maakt en een die ervoor zorgt dat er alleen met hele lijnen tegelijk wordt 'gescrolld'. Zo loopt de onderkant van de linkerkolom perfect door in de bovenkant van de rechterkolom. Het resultaat ziet er mooi uit en maakt de tekst beter leesbaar. Ik heb ook een find-functie toegevoegd. Door de kolommen en doordat er in frames gezocht wordt moest ik wat aanpassingen verrichten. Het werkt in alle browsers behalve Opera.

Nieuwe versie?

Deze vorm van opmaak zou nuttig kunnen zijn als plugin. Daarvoor zou ik hem wel moeten herschrijven. Op het ogenblik zijn in de programmatuur de stappen van de totstandkoming wel erg zichtbaar. Bij herschrijven zou ik de code moeten stroomlijnen, er voor kunnen zorgen dat het in andere browsers ook goed werkt, en het scrollen vloeiender maken. Als je Internet Explorer gebruikt kun je al een idee krijgen hoe het eruit zou zien.

Zie krantenkolommen voor een goede en algemeen werkende opmaaktoepassing met doorlopende krantenkolommen.

Laatst aangepast op dinsdag, 29 maart 2011 20:52