blindness coding
Inspired by Code in the Dark, this repository provides a simple yet fully-working solution for your own contest in HTML+CSS blind coding. You can use your favorite editor and share your progress live in index.html thanks to tunneling so the audience can watch multiple contestants on the projector.
Auto-saving option is recommended to automatically refresh the browser. Currently, configuration for vscode is included.
Code in the Dark is a front-end (HTML, CSS) competition, ..., where each contestant compete to implement a website design given only a screenshot. The catch is that no previews of the results are allowed during the implementation, and no measuring tools can be used. The winner is decided by the audience.
instructions
- clone this repository and install dependencies
npm i - open your editor and be sure auto-saving is enabled
- start tunneling with:
npm start- share your tunnel urlnpm start <my-custom-name>- share your tunnelhttps://<my-custom-name>.localtunnel.me
- open
index.html(and don't leave the editor 😆) - start coding!
- (optional) when time runs out push your code to the new branch
more inspiration
faq
What is the recommended setup?
Have a look here https://romanvesely.com/code-together-and-have-fun/#setup-and-technical-aspects.
Why there is some predefined source code in the index.html?
Browsersync needs <body> tag during initial request to inject script responsible for site refresh. Also, your editor comes with snippets functionality anyway.
Is my screen being shared when I start tunneling?
No. Only the content of your index.html file (and any CSS file in case you create some).