JSFiddle - React, Tailwind, and code Playground

by Doeke Wartena

HTML

<p><span class="dynamic_read">Het scherm daarentegen is een vrij nieuw medium dat niet gebonden is aan deze statische restrictie, het biedt bijvoorbeeld de mogelijkheid om digitaal in en uit te zoomen en om te scrollen. Toch zou typografie op het scherm binnen nu en enkele tientallen jaren zich veel verder kunnen ontwikkelen.</span><span class="dynamic_read"> Eén mogelijkheid daarvoor is bijvoorbeeld door gebruik te maken van ‘eye-tracking’ om zodoende typografie af te stemmen op de lezer. Eye-tracking is een techniek om via een camera te achterhalen waar iemand naar kijkt en om te kijken hoe het oog beweegt.</span><span class="dynamic_read"> Dit kan bijvoorbeeld met een speciale bril die met een ingebouwde camera nauwkeurig de bewegingen van je oog uitleest. Deze scriptie onderzoekt de mogelijkheden en beperkingen die moderne techniek heeft voor dynamische typografie met voornamelijk eye-tracking.</span> </p>
<br>
<p>Wat ik te weten wil komen is hoe leesbaarheid een variabele kan zijn in plaats van een constante, hoe de leesbaarheid afhangt van de desbetreffende lezer en hoe de ontwerper hier op in kan spelen door een gerichte vormgeving.</p>
<p>Welke mogelijkheden brengt dynamische typografie in het digitale boek met zich mee en welke beperkingen komen er uit voort?</p>
<br>
<p>De hoofdvraag voor mijn onderzoek is:</p>
<p>¬— Hoe kan technologie in digitale boeken worden ingezet om de tekstopmaak te verbeteren?</p>
<br>
<p>En de daarbij behorende deelvragen zijn de volgende:</p>
<p>— hoe leest je oog?</p>
<p>— hoe kan een tekst worden aangepast ten gunste van leesbaarheid?</p>
<p>— welke overige factoren hebben invloed op leesbaarheid?</p>
<p>— hoe kan een systeem worden ingericht om te leren van lezers?</p>
<p>— wat blijft de rol van de ontwerper ten opzichte van de typografie?</p>
<br>
<p>In het hoofdstuk ‘hoe leest je oog’ behandel ik de basisprincipes van hoe je oog leest, met daarop dieper ingaande aspecten zoals de invloed van onderkast ten opzichte van...

CSS

.dynamic_read {
    color: blue;
}

JavaScript

$(document).ready(function() {
   console.log("ok"); 
       
    /*
    -if a paragsraph is to short, concat with the next one
    -
    
    
    */
    
    /*
    $(".dynamic_read").forEach() {
        
    }
    */
    
    
});