Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chrisdiana/webden
Open source mobile friendly code playground 📱
https://github.com/chrisdiana/webden
editor jsbin jsbin-clone jsfiddle jsfiddle-clone mobile-first offline-capable playground playground-app progressive-web-app pwa
Last synced: 3 months ago
JSON representation
Open source mobile friendly code playground 📱
- Host: GitHub
- URL: https://github.com/chrisdiana/webden
- Owner: chrisdiana
- License: bsd-2-clause
- Created: 2021-08-25T00:10:21.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-31T14:31:28.000Z (over 2 years ago)
- Last Synced: 2024-08-02T13:33:00.225Z (6 months ago)
- Topics: editor, jsbin, jsbin-clone, jsfiddle, jsfiddle-clone, mobile-first, offline-capable, playground, playground-app, progressive-web-app, pwa
- Language: JavaScript
- Homepage: https://webden.dev
- Size: 20.6 MB
- Stars: 139
- Watchers: 8
- Forks: 16
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[WebDen.dev](https://webden.dev) is an open source mobile and tablet friendly alternative to JSFiddle and JSBin.
It is a fully client-side app so you can install it as a progressive web app (PWA) on
your device to use offline.
## Features
* HTML, CSS & JS editors
* JavaScript console emulation
* Preview panel
* Designed first for mobile and tablet use
* Import and export projects
* Save code as HTML
* Light & dark themes
* Keyboard shortcuts
* Offline support
## Why?
The landscape of online editors aren't currently optimized for mobile or tablet. The iOS apps
in this space have improved but were limited when this project originally started.
## How to install
**iOS Safari**
Go to *Share Menu > Add to Home Screen*
**Chrome**
Go to *Settings > Add to Home Screen*
## How to use libraries or frameworks
Add any scripts to the HTML tab as you would in a HTML file.
## Coming Soon
[Sign up](http://eepurl.com/gntUvf) to get updates on new features and releases.
* Save as Github Gist
* Pushing / Pulling from Github
* Updated console features
* Updated editor theme features
* Capture JavaScript errors (for console)
## License
* The program is distributed under the terms of the Simplified BSD License. The license details can be found in the file `LICENSE`
* The ACE editor is BSD licensed.
## Contributing
1. Fork and clone the repo
2. Run any local web server in the root directory
```
$ git clone [email protected]:chrisdiana/webden.git
$ cd webden/
$ python3 -m http.server 8080
```
3. Navigate to the local webserver and pass the `debug=1` param to bypass service workers
```
http://localhost:8080?debug=1
```
## Thanks!
* [Ace](http://ace.c9.io)
* [Framework7](http://framework7.io/)
* [RenderJSON](https://github.com/caldwell/renderjson)