Bij het lezen van mijn RSS vind ik een artikel in VeryComputer wat op zijn beurt leidt tot een post door José Jesús Pérez Aguinaga, waar hij ons laat zien hoe we het formaat moeten gebruiken Gegevens-URI die samen met de kracht van HTML5 en een nieuw element genaamd 'tevreden', stelt ons in staat om een HTML-pagina te maken die we als Kladblok kunnen gebruiken.
We hoeven alleen maar de adresbalk in te voeren:
data:text/html, <html contenteditable>
In de post door José Jesús Pérez Aguinaga, enkele andere voorbeelden die het bekijken waard zijn, verschijnen door de opmerkingen:
data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />data:text/html, <html><head><link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Open Sans" } * { -webkit-transition: all linear 1s; }</style><script>window.onload=function(){var e=false;var t=0;setInterval(function(){if(!e){t=Math.round(Math.max(0,t-Math.max(t/3,1)))}var n=(255-t*2).toString(16);document.body.style.backgroundColor="#ff"+n+""+n},1e3);var n=null;document.onkeydown=function(){t=Math.min(128,t+2);e=true;clearTimeout(n);n=setTimeout(function(){e=false},1500)}}</script></head><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">data:text/html, <body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">Ik heb het geprobeerd Firefox y Chromium en het werkt perfect. Ik denk dat het in elke andere browser met HTML5-ondersteuning zou moeten werken