Web Workshop 🛼

Craft handmade websites in their natural habitat (your web browser).

Usage

1. Open index.html in your web browser (click here)
2. Start typing HTML in the editor pane
   • The preview pane will rerender when you're done typing
   • Your work is automatically saved, and restored when you reload the page
3. Press ⌘ + S to export your work as an HTML file (⌘ + O to open an existing file)

Options

• to toggle line numbers, press F1 (disabled by default)
• to toggle line wrapping, press F2 (enabled by default)

Stock Images

A library of stock images is included for your convenience. To browse them, type <img src="?"> anywhere in the editor. You can use them in your pages like so: <img src="coffee.gif">.

Wanna make websites on your phone? Try installing Web Workshop as a Progressive Web App!

Technologies Used

• CodeMirror 6 - Code editor with syntax highlighting
• GitHub Dark Theme - Dark theme for CodeMirror

License

GPLv3 (see LICENSE for details).

Contributing

Feel free to open issues or submit pull requests for improvements!