urlpages icon indicating copy to clipboard operation
urlpages copied to clipboard
verified publisher icon jstrieb

Feel free to link to my similar projects

Open bkil opened this issue 2 years ago • 1 comments

Hello! I've made one that doesn't require JavaScript (or a backend) either (could be enhanced to provide for a noJS online-IDE as well if there was demand):

  • https://github.com/bkil/static-wonders.ssi/tree/master/css-pad
  • http://bkil.hu/css-pad/?t=%3Ch1%3E%E2%98%9D%EF%B8%8F&s=h1%7Banimation-duration%3A1s%3Banimation-iteration-count%3Ainfinite%3Bdisplay%3Ainline-block%3Banimation-name%3At%3Bfont-family%3A%22Noto+Color+Emoji%22%2C%22Noto+Emoji%22%2C%22Symbola%22%2Cemoji%2Cui-sans-serif%2Csystem-ui%7D%40keyframes%0D%0At%7B50%25%7Btransform%3AtranslateY%280.1em%29%7D&e=

And one to be used for safely previewing or embedding snippets of others:

  • https://github.com/bkil/static-wonders.js/blob/master/jump/iframe-js-sandbox.html
  • https://bkil.gitlab.io/static-wonders.js/jump/iframe-js-sandbox.html#html=x%3D%3Cinput+oninput%3DF%28%29%3Ex*x%3D%3Cb%3E%3C%2Fb%3E&js=F%3D%28%29%3D%3E%7Bdocument.querySelector%28%27b%27%29.innerText%3DMath.pow%28document.querySelector%28%27input%27%29.value%2C2%29%7D%3B
  • https://bkil.gitlab.io/static-wonders.js/jump/iframe-js-sandbox.html#url=data%3Atext%2Fhtml%3B%2C%3C%21DOCTYPE+html%3E%3Chtml%3E%3Cbody%3Ex%3D%3Cinput+oninput%3D%27F%28%29%27%3Ex*x%3D%3Cb%3E%3C%2Fb%3E%3Cscript%3EF%3D%28%29%3D%3E%7Bdocument.querySelector%28%27b%27%29.innerText%3DMath.pow%28document.querySelector%28%27input%27%29.value%2C2%29%7D%3B%3C%2Fscript%3E

And finally, here's a full stack version of this same concept where the URI may contain both the backend and the frontend:

  • https://github.com/bkil/private-plugin.php
  • https://github.com/bkil/private-plugin.php/tree/master/example

bkil avatar Jan 09 '23 14:01 bkil

You may also be interested in these:

  • https://www.dwitter.net/top/all

Dwitter - a challenge to see what demos/awesomeness you can create when limited to only 140 characters of javascript and a canvas. by u/lionleaf as a side project inspired by the concept of u/sigveseb at arkt.is/t. Its first official launch was at the Demoparty 'Solskogen' in 2016 where it won the wild compo.

  • https://en.wikipedia.org/wiki/Shadertoy
  • https://en.wikipedia.org/wiki/Js13kGames
  • https://js1k.com/

bkil avatar Jan 09 '23 14:01 bkil