Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shaimesisterano/blindjs

BlindJS is a Javascript library that allows blind typing of pre-defined code. So stop worrying about writing valid code and start typing fast as hell!
https://github.com/shaimesisterano/blindjs

brackets-extension lecture presentation vscode-extension

Last synced: 4 months ago
JSON representation

BlindJS is a Javascript library that allows blind typing of pre-defined code. So stop worrying about writing valid code and start typing fast as hell!

Awesome Lists containing this project

README

        

BlindJS Logo

The no code mistakes tool for presenters


BlindJS is an extremely useful tool for lectures, lessons and presentations.

It allows you to write code samples quickly and without any chance for mistakes.

BlindJS is a Javascript library that replaces content with pre-defined code in your code
editor or web page.


How To Use BlindJS In VSCode?


Watch a 1:30 video: https://www.youtube.com/watch?v=zoC78I4eF4o

Commands


Show the code - right click and "Open With BlindJS"


Go back to regular editing - right click and "Terminate BlindJS"


How To Install BlindJS In VSCode?


Open VSCode and type ctrl+P and type ext install ShaiMesisterano.blindjs

How To Use BlindJS In The Browser?



  1. Include lib/blind.min.js before </body>

  2. Create a wrapper and insert your code:

    <div id="divElement">
    function func(){
    alert("Super Awesome!");
    }
    </div>


  3. Add textarea placeholder:

    <textarea id="textareaElement">
    </textarea>


  4. Start BlindJS with reference to an input text ∧ output element:

    BlindJS.start({
    input: divElement.innerText,
    output: textareaElement
    });



About



BlindJS was created by Shai Mesisterano
and is licensed under MIT.