Mini projects by Maxime Euzière (xem), subzey, Martin Kleppe (aemkei), Mathieu Henri (p01), Litterallylara, Tommy Hodgins (innovati), Veu(beke), Anders Kaare, Keith Clark, Addy Osmani, bburky, rlauck, cmoreau, maettig, thiemowmde, ilesinge, adlq, solinca, xen_the,...
(For more info and other projects, visit http://xem.github.io)
(Official Slack room: http://jsgolf.club / join us on http://register.jsgolf.club)
Here's a list of tiny functions whose goal is to convert any Unicode string in 28 different formats used on the Web, and do the reverse operation.
An online converter using those functions can be found here: http://xem.github.io/escape
Please contribute in the comments (or by pull request) if you have a feature idea or a code-golf improvement to make or a bug to solve.
NB: to be as short as possible, all those functions assume a valid input and convert all chars (including ASCII chars and non-ASCII chars that don't really need to be converted in some cases).
| <!-- solution 1, 117b, inspired by http://www.p01.org/releases/140bytes_music_softSynth/ --> | |
| <button onclick="new Audio('data:audio/wav;base64,UklGRl9vT19XQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YU'+Array(1e3).join(123)).play()">Beep</button> | |
| <!-- Solution 2, 107b, inspired by http://xem.github.io/chip8/c8.html --> | |
| <button onclick="o=(A=new AudioContext()).createOscillator();o.connect(A.destination);o.start(0);setTimeout('o.stop(0)',500)">Boop</button> |
| <html ondrop="f(event);return!1"ondragover=return!1> | |
| <script> | |
| f=function(e){ | |
| r=new FileReader; | |
| d=e.dataTransfer.files; | |
| for(i=0;i<d.length;i++){ | |
| r.readAsArrayBuffer(d[i]); | |
| } | |
| r.onload=function(a){ | |
| console.log(r.result); // wat? If I drop multiple files, there's only one ArrayBuffer there (on FF) and it doesn't work at all (on chrome) |
| <html ondrop="f(event);return!1"ondragover=return!1> | |
| <script> | |
| f=function(e){ | |
| d=e.dataTransfer.files; | |
| for(i=0;i<d.length;i++){ | |
| with(new FileReader){ | |
| readAsArrayBuffer(d[i]); | |
| onload=function(){console.log(new Uint8Array(result))}; | |
| } | |
| } |
| <div class="content smallSizeLayout"> | |
| <div class="intro" data-stretch-parent-if-n-lines="2" data-stretch-parent=".content" data-bind="css:{ 'bulletHidden': !isVisited()}" id="id_186"> | |
| <p data-bind="html:text"><div class="richText"><p>Intro: Lorem ipsum dolor sit, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa</p></div></p> | |
| </div> | |
| <table class="bulletpoint bulletHidden first"> | |
| <tbody> | |
| <tr> | |
| <td class="bullet-icon"> |
| <body oninput='f.srcdoc=t2[v="value"]+"<script>"+t0[v]+"</script><style>"+t1[v]'onload='for(i=3;i--;)e.innerHTML+="<textarea id=t"+i+" rows=9>"'id=e><iframe id=f> |
...or any text you often need to write in form fields.
Works with inputs, textareas and contenteditable elements.
Doesn't work on HTTPS on Firefox 23+.
javascript:(function(d){d=document.activeElement;if(d.tagName=="INPUT"||d.tagName=="TEXTAREA"||d.contentEditable=="true"){d.value=d.innerHTML="my_email@my_email_provider.com"}})()